- Level: Beginner
- Duration: 05h 29m
- Release date: 2021-01-20
- Author: Morten Rand-Hendriksen
- Provider: Lynda
JavaScript Essential Training
JavaScript is a scripting language of the web. As the web evolves from a static to a dynamic environment, technology focus is shifting from static markup and styling—frequently handled by content management systems or automated scripts—to dynamic interfaces and advanced interaction. Once seen as optional, JavaScript is now becoming an integral part of the web, infusing every layer with its script.Through practical examples and mini-projects, this course helps you build your understanding of JavaScript piece by piece, from core principles like variables, data types, conditionals, and functions through advanced topics including loops, and DOM scripting. Along the way, instructor Morten Rand-Hendriksen provides challenges that allow you to put your new skills to the test.
- Introduction03m 32s
- JavaScript: The soil from which the modern web grows01m 31s
- How to use the exercise files02m 01s
- 1. JavaScript: A Brief Introduction32m 07s
- JavaScript: First contact02m 46s
- Navigating the JS landscape04m 29s
- Tools for working with JavaScript03m 24s
- Linting and formatting06m 27s
- Get to know the browser console06m 24s
- JavaScript language basics05m 37s
- Learning JavaScript backward03m
- 2. Up and Running with JS14m 31s
- JavaScript in an HTML document03m
- JavaScript as an external file02m 59s
- Modern JavaScript loading04m 14s
- JavaScript modules04m 18s
- 3. Objects50m 32s
- Objects: A practical introduction04m 53s
- JavaScript objects: The code version02m 57s
- Object containers02m 22s
- Object properties00m 55s
- Accessing objects02m 39s
- Accessing object properties05m 35s
- Practice: Build a new object01m 18s
- Object methods06m 29s
- Practice: Build a new method00m 56s
- Classes: Object blueprints06m 35s
- Object constructors02m 21s
- Practice: Build a new object with a constructor01m 13s
- Global objects07m 47s
- Challenge: Create a new object type02m
- Solution: Create a new object type02m 32s
- 4. Sidebar: String Output10m 39s
- Mix text and variables with template literals07m 21s
- Traditional string output03m 18s
- 5. DOM40m 06s
- DOM: The Document Object Model04m 07s
- Access elements with querySelector methods06m 06s
- Access elements using older methods03m 45s
- Practice: Find an element01m 29s
- Modifying element classes04m 53s
- Attributes04m 13s
- Inline style03m 52s
- Practice: Modify classes and attributes, and styles01m 36s
- Add DOM elements05m 25s
- Challenge: Add a new element01m 45s
- Solution: Add a new element02m 55s
- 6. Sidebar: Variables and Data Types30m 50s
- Variables: Containers for everything02m 31s
- Var03m 15s
- Scope03m 37s
- Let04m 34s
- Const02m 58s
- Data types03m 07s
- Assignment vs. comparison04m 35s
- Math operators06m 13s
- 7. Arrays22m 06s
- Arrays explained02m 50s
- Arrays in code04m 36s
- Array methods05m 53s
- Challenge: Build and modify an array01m 47s
- Solution: Build and modify an array07m
- 8. Functions and Methods01h 15m 35s
- The real-world function02m 49s
- Functions and methods06m 23s
- A standard function03m 53s
- The arrow function04m 49s
- Arrow functions and "this"04m 20s
- Practice: Build a function01m 31s
- Pass data to a function with parameters04m 56s
- Return values from a function07m 01s
- Practice: Pass values between functions02m 33s
- Callbacks05m 29s
- Conditional if...else statement05m 52s
- Logical operators03m 31s
- Conditional switch statement05m 55s
- Looping through content05m 19s
- Using the map() array method04m 52s
- Challenge: Build an advanced function01m 56s
- Solution: Build an advanced function04m 26s
- 9. Events35m 57s
- DOM events explained01m 41s
- Typical DOM events05m 35s
- Event listeners05m 45s
- Practice: Experiment with event listeners01m 32s
- Advanced event listeners and "this"06m 12s
- Pass arguments through event listeners04m 53s
- Challenge: Create an event listener03m 39s
- Solution: Create an event listener06m 40s
- 10. Troubleshooting and Validating JS10m 08s
- Troubleshooting JavaScript in the browser04m 57s
- Making sense of a React component05m 11s
- Conclusion03m 39s
- Next steps on your learning journey03m 39s
- Fireside Chat with Max Wessel, SAP
- Project Management Fundamentals
- WordPress: WP-CLI
- Krabikrabong with Mai soak level 2
- Connecting and Collaborating in a Virtual or Hybrid Workplace
- Succeeding with Virtual Meetings
- Apple Pages: Complete Basic to Advance Guide to Mac Pages
- Mastering Microsoft Teams (2020)
- Slant Manuscript Capital and Lower Case Letter Writing
- Microsoft Azure Solutions Architect: Preparing for the AZ-303 Exam
- Ember.js: The Documentary
- GraphQL: The Documentary
- AWS Certified Solutions Architect - Professional (SAP-C01) Cert Prep: 1 Design for Organizational Complexity
- CCSP Cert Prep: 4 Cloud Application Security
- What Business Leaders Need to Know about Web3 (+ Metaverse)
- Building No-Code Apps with AppSheet: Implementation
- Automation Anywhere: The Big Picture
- Protective Technology with Apache Kafka
- Coding for Visual Learners: Learning JavaScript from Scratch
- StringBuilder Internals