5 ways to use Javascript in e-learning

Aug 3, 20160 likes2,236 views

The document discusses ways to use JavaScript in e-learning, including embedding it as web objects, changing background colors and images, passing scores to HTML pages, using randomization with math.random, and enabling social sharing. It provides examples of using JavaScript for these applications and recommends resources for learning JavaScript, such as Codecademy, Codeschool, and W3Schools.

@MelMilloway
Instructional Designer
SEATTLE
TAGS
ELEARNING DESIGN PHOTOGRAPHY
@MelMilloway | #ELHSeattle

Make it personal, find your passion, and ensure it is a challenge.
@MelMilloway | #ELHSeattle

Looking for inspiration?
@MelMilloway | #ELHSeattle

E-Learning Heroes
(https://community.articulate.com/)
@MelMilloway | #ELHSeattle

How about where to learn?
@MelMilloway | #ELHSeattle

Codeschool.com
@MelMilloway | #ELHSeattle

Codecademy.com
@MelMilloway | #ELHSeattle

W3Schools.com
@MelMilloway | #ELHSeattle

Makin’ E-Learning with JS
@MelMilloway | #ELHSeattle

Embedded as web objects
@MelMilloway | #ELHSeattle

Let’s it in action
@MelMilloway | #ELHSeattle

What would you do?
@MelMilloway | #ELHSeattle

Changing background colors
@MelMilloway | #ELHSeattle

Changing background images
@MelMilloway | #ELHSeattle

Passing scores to html pages
@MelMilloway | #ELHSeattle

Getting’ random with math.random
@MelMilloway | #ELHSeattle

BONUS: Let’s get social
@MelMilloway | #ELHSeattle

Learn more at:
https://www.linkedin.com/pulse/5-things-i-love-dislike-my-e-learning-challenge-entry-milloway-msit - Changing background colors
https://www.linkedin.com/pulse/gamify-your-next-e-learning-projects-background-trick-milloway-msit - Changing background images
https://www.linkedin.com/pulse/zoom-storyline-jquery-video-tutorial-magnifying-milloway-msit - Embedding web objects
https://www.linkedin.com/pulse/valentines-day-over-melissa-milloway-msit - Using math.random
https://www.linkedin.com/pulse/e-learning-retro-games-sample-melissa-milloway-msit - Passing variables to HTML pages
@MelMilloway | #ELHSeattle

The Farmer and the Cowhand Should Be Friends, or, How UX and Content Can (and Should) Work Together. Let’s be frank: If UX designers had their way, the only words you’d ever see on the web are lorem ipsum. And yet, words — from interfaces to microcopy to long narratives — are integral to the usability and delight of any web product. Based on his years of UX experience and love of good content, Dylan will talk about ways to bring the two sides together to make better things on the web.

From Designer to Developer - Amp Up Your Dev Skills in 5 AreasMelissa Milloway, MSIT

��

12 Reasons These Learning Professionals Share Their WorkMelissa Milloway, MSIT

��

13 Alternatives to Using Bullet Points in PresentationsMelissa Milloway, MSIT

��

vILT (Virtual Instructor Led Training)Melissa Milloway, MSIT

��

Virtual instructor-led training (vILT) can save costs compared to in-person training by eliminating expenses for travel, hotels, and meals. It allows instructors to "bring the classroom to your laptop." To keep learners engaged in vILT, instructors should use the tools at their disposal like chat, annotations, and webcams. Creating a vILT is similar to baking - the right tools need to be added at the right times. Instructors should have backup plans and keep the content simple. Engaging activities like games, breakout rooms, and whiteboards can also help learners stay involved.

Building a Better Healthcare DashboardPerficient, Inc.

��

Many key performance indicators on healthcare dashboards fail to drive real results or are missing key organizational improvement indicators. Microsoft SQL Server 2012 and SharePoint 2013 provide the perfect combination for creating compelling dashboards and scorecards, especially for healthcare organizations working to lower costs, improve productivity and meet regulatory reporting demands. In this slideshare, we look at the business side of key performance indicators: How to convert your critical success factors and annual strategic plan into meaningful dashboards for real change in your organization How your KPIs have the potential to make a significant, positive impact on the business

$C:\users\y8467qyt\desktop\death by power point$ $C:\users\y8467qyt\desktop\death by power point$

C:\users\y8467qyt\desktop\death by power pointWencke

��

The presentation was designed based on Garr Reynolds' 2010 Presentation Zen Design book and Alexei Kapterev's presentation with the same name. It served to compile simple rules for frequent PowerPoint users and a little guide on how to use PPT effectively with minimal effort. Creating this presentation also supported my social learning through first observing, then imitating what others have done and hopefully I will now be able to apply my new knowledge to other projects. Thanks to the inspiration, Garr and Alexei.

Death By Power PointLuis Saga

��

The document discusses why so many PowerPoint presentations are ineffective and provides tips to create more engaging presentations, focusing on significance, structure, and simplicity. It argues that most presentations overuse text-heavy slides, lack structure and passion, and fail to clearly communicate the most important messages. Advice includes using fewer words per slide, telling a clear story, rehearsing aloud, and getting feedback to create presentations that truly inform and engage audiences.

Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2Peter Zvirinsky

��

Creative Presentation �ݺ�ߣs Design Making Peter Zvirinsky

��

This document provides tips for making creative presentation slides instead of formal slides. It suggests adding a picture expressing creativity, unique graphical elements like doodles, and atypical slide backgrounds like crumpled paper. The round-up recommends adding pictures associated with creativity, creative graphical elements, and unique templates to make slides that will help audiences remember the presenter. The goal is to dare to be different from typical formal presentations.

Infographics Key Data KPI presentation slidesPeter Zvirinsky

��

Its all about InfographicsAditya Krishna

��

What is Infographics? There are lot of phrase around the term Information graphics like "Infographics." "Data visualization." "Information design. & “Communication Design" We're talking about any graphic that displays and explains information, whether that be data or words. When we use the term "data visualization," we're using it as a general term used to describe data presented in a visual way. Why Infographics? Infographics are important because they change the way people find and experience stories especially now, when more and more infographics are being used to augment editorial content on the web. Infographics create a new way of seeing the world of data, and they help communicate complex ideas in a clear and beautiful way.

6 Ways to Quit Bullet Points with StylePodium Wisdom

��

20250402 ACCA TeamScienceAIEra 20250402 v10.pptxhome

��

Team Science in the AI Era: Talk for the Association of Cancer Center Administrators (ACCA) Team Science Network (April 2, 2025, 3pm ET) Host: Jill Slack-Davis (https://www.linkedin.com/in/jill-slack-davis-56024514/) 20250402 Team Science in the AI Era These slides: TBD Jim Twin V1 (English video - Heygen) - https://youtu.be/T4S0uZp1SHw Jim Twin V1 (French video - Heygen) - https://youtu.be/02hCGRJnCoc Jim Twin (Chat) Tmpt.me Platform – https://tmpt.app/@jimtwin Jim Twin (English video – OpenSource) – https://youtu.be/mwnZjTNegXE Jim Blog Post - https://service-science.info/archives/6612 Jim EIT Article (Real Jim) - https://www.eitdigital.eu/newsroom/grow-digital-insights/personal-ai-digital-twins-the-future-of-human-interaction/ Jim EIT Talk (Real Jim) - https://youtu.be/_1X6bRfOqc4 Reid Hoffman (English video) - https://youtu.be/rgD2gmwCS10

Antifungal agents by Mrs. Manjushri DabhadeDabhade madam Dabhade

��

The basics of sentences session 10pptx.pptxheathfieldcps1

��

📣 Marketing is Everything in the Beauty Business! 💅🏾✨ Talent gets you in the ...coreylewis960

��

📣 Marketing is Everything in the Beauty Business! 💅🏾✨ Talent gets you in the game—but visibility keeps your chair full. Today’s top stylists aren’t just skilled—they’re seen. That’s where MyFi Beauty comes in. 🌟 We Help You Get Noticed with Tools That Work: 📱 Social Media Scheduling & Strategy We make it easy for you to stay consistent and on-brand across Instagram, Facebook, TikTok, and more. You’ll get content prompts, captions, and posting tools that do the work while you do the hair. 🖥️ Your Own Personal Beauty App Stand out from the crowd with a custom app made just for you. Clients can: Book appointments Browse your services View your gallery Join your email/text list Leave reviews & refer friends 🖼️ Offline Marketing Made Easy We provide digital flyers, QR codes, and branded business cards that connect straight to your app—turning strangers into loyal clients with just one tap. 🎯 The Result? You build a strong personal brand that reaches more people, books more clients, and grows with you. Whether you’re just starting out or trying to level up—MyFi Beauty is your silent partner in success.

COMMON HEALTH PROBLEMS INCLUDING COMMUNICABLES AND NON COMMUNICABLE DISEASESSonaliGupta630281

��

ANTIVIRAL agent by Mrs. Manjushri DabhadeDabhade madam Dabhade

��

3. AI Trust Layer, Governance – Explainability, Security & Compliance.pdfMukesh Kala

��

Urinary Tract Infection & Sexually Transmt ted Diseases.pptxAshish Umale

��

Celine Caira presents at Women girls and AI Paving the way to a balanced digi...EduSkills OECD

��

VTU notes for Indian Knowledge System 2022 scheme pptSuvarna Hiremath

��

MIPLM subject matter expert Dr Alihan KayaMIPLM

��

How to Install Odoo 18 with Pycharm - Odoo 18 �ݺ�ߣsCeline George

��

Sulfonamides by Mrs. Manjushri P. DabhadeDabhade madam Dabhade

��

Crafting Winning STEM & Science Grant ProposalsKevin Welch

��

Studying and Notetaking: Some SuggestionsDamian T. Gordon

��

DUODENUM ANATOMY & Clinical Anatomy.pptxSid Roy

��

More Related Content

Viewers also liked (6)

Death By Power PointLuis Saga

��

Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2Peter Zvirinsky

��

Creative Presentation �ݺ�ߣs Design Making Peter Zvirinsky

��

Infographics Key Data KPI presentation slidesPeter Zvirinsky

��

Its all about InfographicsAditya Krishna

��

6 Ways to Quit Bullet Points with StylePodium Wisdom

��

Death By Power PointLuis Saga

��

Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2Peter Zvirinsky

��

Creative Presentation �ݺ�ߣs Design Making Peter Zvirinsky

��

Infographics Key Data KPI presentation slidesPeter Zvirinsky

��

Its all about InfographicsAditya Krishna

��

6 Ways to Quit Bullet Points with StylePodium Wisdom

��

Recently uploaded (20)

20250402 ACCA TeamScienceAIEra 20250402 v10.pptxhome

��

Antifungal agents by Mrs. Manjushri DabhadeDabhade madam Dabhade

��

The basics of sentences session 10pptx.pptxheathfieldcps1

��

📣 Marketing is Everything in the Beauty Business! 💅🏾✨ Talent gets you in the ...coreylewis960

��

COMMON HEALTH PROBLEMS INCLUDING COMMUNICABLES AND NON COMMUNICABLE DISEASESSonaliGupta630281

��

ANTIVIRAL agent by Mrs. Manjushri DabhadeDabhade madam Dabhade

��

3. AI Trust Layer, Governance – Explainability, Security & Compliance.pdfMukesh Kala

��

Urinary Tract Infection & Sexually Transmt ted Diseases.pptxAshish Umale

��

Celine Caira presents at Women girls and AI Paving the way to a balanced digi...EduSkills OECD

��

VTU notes for Indian Knowledge System 2022 scheme pptSuvarna Hiremath

��

MIPLM subject matter expert Dr Alihan KayaMIPLM

��

How to Install Odoo 18 with Pycharm - Odoo 18 �ݺ�ߣsCeline George

��

Sulfonamides by Mrs. Manjushri P. DabhadeDabhade madam Dabhade

��

Crafting Winning STEM & Science Grant ProposalsKevin Welch

��

Studying and Notetaking: Some SuggestionsDamian T. Gordon

��

DUODENUM ANATOMY & Clinical Anatomy.pptxSid Roy

��

Unit 3: Combustion in Spark Ignition EnginesNileshKumbhar21

��

Anti-Viral Agents.pptx Medicinal Chemistry III, B Pharm SEM VISamruddhi Khonde

��

Antiviral agents are crucial in combating viral infections, causing a variety of diseases from mild to life-threatening. Developed through medicinal chemistry, these drugs target viral structures and processes while minimizing harm to host cells. Viruses are classified into DNA and RNA viruses, with each replicating through distinct mechanisms. Treatments for herpesviruses involve nucleoside analogs like acyclovir and valacyclovir, which inhibit the viral DNA polymerase. Influenza is managed with neuraminidase inhibitors like oseltamivir and zanamivir, which prevent the release of new viral particles. HIV is treated with a combination of antiretroviral drugs targeting various stages of the viral life cycle. Hepatitis B and C are treated with different strategies, with nucleoside analogs like lamivudine inhibiting viral replication and direct-acting antivirals targeting the viral RNA polymerase and other key proteins. Antiviral agents are designed based on their mechanisms of action, with several categories including nucleoside and nucleotide analogs, protease inhibitors, neuraminidase inhibitors, reverse transcriptase inhibitors, and integrase inhibitors. The design of these agents often relies on understanding the structure-activity relationship (SAR), which involves modifying the chemical structure of compounds to enhance efficacy, selectivity, and bioavailability while reducing side effects. Despite their success, challenges such as drug resistance, viral mutation, and the need for long-term therapy remain.

PUBH1000 - Module 6: Global Health �ݺ�ߣsJonathanHallett4

��

Role of Teacher in the era of Generative AIProf. Neeta Awasthy

��

We need to layer the technology onto existing workflows Follow the teachers who inspire you because that instills passion Curiosity & Lifelong Learning. You can benefit from generative AI even when its intelligence is worse-because of the potential for cost and time savings in low-cost-of-error environments. Bot tutors are already yielding effective results on learning and mastery. GenAI may increase the digital divide- its gains may accrue disproportionately to those who already have domain expertise. GenAI can be used for Coding Complex structures Make the content Manage the content Solutions to complex numerical problems Lesson plan Assignment Quiz Question bank Report & summary of content Creating videos Title of abstract & summaries and much more like... Improving Grant Writing Learning by Teaching Chatbots GenAI as peer Learner Data Analysis for Non-Coders Student Course Preparation To reduce Plagiarism Legal Problems for classes Understanding Student Learning in Real Time Simulate a poor Faculty co-pilot chatbot Generate fresh Assessments Data Analysis Partner Summarize student questions in real-time Assess depth of students' understanding The skills to foster are Listening Communicating Approaching the problem & solving Making Real Time Decisions Logic Refining Memories Learning Cultures & Syntax (Foreign Language) Chatbots & Agentic AI can never so what a professor can do. The need of the hour is to teach Creativity Emotions Judgement Psychology Communication Human Emotions …………Through various content!

20250402 ACCA TeamScienceAIEra 20250402 v10.pptxhome

��

Antifungal agents by Mrs. Manjushri DabhadeDabhade madam Dabhade

��

The basics of sentences session 10pptx.pptxheathfieldcps1

��

📣 Marketing is Everything in the Beauty Business! 💅🏾✨ Talent gets you in the ...coreylewis960

��

COMMON HEALTH PROBLEMS INCLUDING COMMUNICABLES AND NON COMMUNICABLE DISEASESSonaliGupta630281

��

ANTIVIRAL agent by Mrs. Manjushri DabhadeDabhade madam Dabhade

��

3. AI Trust Layer, Governance – Explainability, Security & Compliance.pdfMukesh Kala

��

Urinary Tract Infection & Sexually Transmt ted Diseases.pptxAshish Umale

��

Celine Caira presents at Women girls and AI Paving the way to a balanced digi...EduSkills OECD

��

VTU notes for Indian Knowledge System 2022 scheme pptSuvarna Hiremath

��

MIPLM subject matter expert Dr Alihan KayaMIPLM

��

How to Install Odoo 18 with Pycharm - Odoo 18 �ݺ�ߣsCeline George

��

Sulfonamides by Mrs. Manjushri P. DabhadeDabhade madam Dabhade

��

Crafting Winning STEM & Science Grant ProposalsKevin Welch

��

Studying and Notetaking: Some SuggestionsDamian T. Gordon

��

DUODENUM ANATOMY & Clinical Anatomy.pptxSid Roy

��

Unit 3: Combustion in Spark Ignition EnginesNileshKumbhar21

��

Anti-Viral Agents.pptx Medicinal Chemistry III, B Pharm SEM VISamruddhi Khonde

��

PUBH1000 - Module 6: Global Health �ݺ�ߣsJonathanHallett4

��

Role of Teacher in the era of Generative AIProf. Neeta Awasthy

��

5 ways to use Javascript in e-learning

1. Ways to Use JavaScript in E-Learning

2. @MelMilloway Instructional Designer SEATTLE TAGS ELEARNING DESIGN PHOTOGRAPHY @MelMilloway | #ELHSeattle

3. Make it personal, find your passion, and ensure it is a challenge. @MelMilloway | #ELHSeattle

4. Looking for inspiration? @MelMilloway | #ELHSeattle

5. Dribbble.com @MelMilloway | #ELHSeattle

6. CodePen.io @MelMilloway | #ELHSeattle

7. E-Learning Heroes (https://community.articulate.com/) @MelMilloway | #ELHSeattle

8. How about where to learn? @MelMilloway | #ELHSeattle

9. Codeschool.com @MelMilloway | #ELHSeattle

10. Codecademy.com @MelMilloway | #ELHSeattle

11. W3Schools.com @MelMilloway | #ELHSeattle

12. E-Learning Heroes (https://community.articulate.com/) @MelMilloway | #ELHSeattle

13. Makin’ E-Learning with JS @MelMilloway | #ELHSeattle

14. Embedded as web objects @MelMilloway | #ELHSeattle

15. Let’s it in action @MelMilloway | #ELHSeattle

16. What would you do? @MelMilloway | #ELHSeattle

17. Changing background colors @MelMilloway | #ELHSeattle

18. Let’s it in action @MelMilloway | #ELHSeattle

19. Changing background images @MelMilloway | #ELHSeattle

20. Let’s it in action @MelMilloway | #ELHSeattle

21. What would you do? @MelMilloway | #ELHSeattle

22. Passing scores to html pages @MelMilloway | #ELHSeattle

23. Let’s it in action @MelMilloway | #ELHSeattle

24. What would you do? @MelMilloway | #ELHSeattle

25. Getting’ random with math.random @MelMilloway | #ELHSeattle

26. Let’s it in action @MelMilloway | #ELHSeattle

27. What would you do? @MelMilloway | #ELHSeattle

28. BONUS: Let’s get social @MelMilloway | #ELHSeattle

29. Let’s it in action @MelMilloway | #ELHSeattle

30. What would you do? @MelMilloway | #ELHSeattle

31. @MelMilloway Instructional Designer SEATTLE TAGS ELEARNING DESIGN PHOTOGRAPHY @MelMilloway | #ELHSeattle

32. Learn more at: https://www.linkedin.com/pulse/5-things-i-love-dislike-my-e-learning-challenge-entry-milloway-msit - Changing background colors https://www.linkedin.com/pulse/gamify-your-next-e-learning-projects-background-trick-milloway-msit - Changing background images https://www.linkedin.com/pulse/zoom-storyline-jquery-video-tutorial-magnifying-milloway-msit - Embedding web objects https://www.linkedin.com/pulse/valentines-day-over-melissa-milloway-msit - Using math.random https://www.linkedin.com/pulse/e-learning-retro-games-sample-melissa-milloway-msit - Passing variables to HTML pages @MelMilloway | #ELHSeattle

�ݺ�ߣ

5 ways to use Javascript in e-learning

Recommended

More Related Content

Viewers also liked (6)

Recently uploaded (20)

5 ways to use Javascript in e-learning