learning path

Web Development Fundamentals - Javascript Primer

Beginner
9h 45m
1,916
4.5/5
Build hands-on tech skillsImprove theoretical and practical skills needed in real-world scenarios.
Stay focused, stay committedSupercharge your learning journey by enrolling, empowering you to stay focused, motivated, and achieve your goals with ease.
Earn a certificate of completionShow your skills and build your credibility when you include them in your resume and LinkedIn profile.

Welcome to this learning path, in which you'll learn more about JavaScript and how it can be used to create responsive web applications! 

This JavaScript primer is to prepare you for your full JavaScript course. The topics you’ll be covering are: 

  • What are JavaScript and ECMAScript?
  • The basics of Object Oriented JavaScript 
  • Building your first JavaScript web app 

You will watch a series of videos covering key concepts, which you can follow along with in your own IDE. We’ll give you more detail in your videos. 

You will also have a final exam to complete to confirm your knowledge of JavaScript to progress your learning. 

Intended Audience 

  • Anyone who wants to learn web development and perhaps progress into using modern JavaScript libraries and frameworks 
  • Those who are relatively new to programming or experienced developers skilled in other languages who need to learn the nuances of JavaScript 

Prerequisites 

You should be familiar with: 

  •  HTML and CSS 
  • Computer programming concepts 

Learning Objectives 

  • After completing the JavaScript primer course, you will know: 
  • What JavaScript is and the difference with ECMAScript 
  • The basics of Object Oriented Programming with JavaScript 
  • How to populate JSON (JavaScript Object Notation) 
  • Persist data with local storage 
  • How to build a responsive Todo web app with JavaScript 

Agenda 

This learning path contains videos for you to follow along with on your own machine. It also incorporates a final exam for you to test your knowledge when you reach the end of the learning path. 

Course Introduction 

We begin with an introduction and an explanation of the origins of JavaScript, and how it relates to the ECMAScript standard. 

Module 1 – The Difference Between ECMAScript and JavaScript 

  • ECMA International 
  • ECMA-262 
  • ECMAScript 
  • ECMA International purpose scripting language 
  • JavaScript engines 
  • Web browser implementation 

Module 2 – Introduction to Object Oriented JavaScript 

In this guided video tutorial, you'll learn how to use Object-Oriented JavaScript. 

  • Objects 
  • Developer Tools 
  • Variables 
  • Strings 
  • Arrays 
  • Functions 

Module 3 – Applied JavaScript: Building a To-do App (Part 1) 

  • Populating JSON data 
  • JSON variables 
  • Event listeners 
  • HTML forms 
  • Refactoring code 
  • Loading data to JavaScript consoles 

Module 4 – Applied JavaScript: Building a To-do App (Part 2) 

  • Persisting data with local storage 
  • Properties 
  • String values 
  • ID attributes  

Module 5 – Applied JavaScript: Building a To-do App (Part 3) 

  • Clear local storage 
  • Confirm function 
  • Mobile responsiveness 
  • Enhancing with JQuery 
  •  Elements 
  • Animations 
  • Validation 

Feedback 

We welcome all feedback and suggestions - please contact us at qa.elearningadmin@qa.com to let us know what you think. 

Your certificate for this learning path
QA
This content is developed in partnership with QA
Learn more
About the Author
Avatar
Ed Wright
Senior Learning Consultant
Students
24,483
Labs
6
Courses
29
Learning paths
18

Ed is an Outstanding Trainer in Software Development, with a passion for technology and its uses and holding more than 10 years’ experience.

Previous roles have included being a Delivery Manager, Trainer, ICT teacher, and Head of Department. Ed continues to develop existing and new courses, primarily in web design using: PHP, JavaScript, HTML, CSS, SQL, and OOP (Java), Programming Foundations (Python), and DevOps (Git, CI/CD, etc). Ed describes himself as practically minded, a quick learner, and a problem solver who pays great attention to detail. 

Ed’s specialist area is training in Emerging Technologies, within Web Development. Ed mainly delivers courses in JavaScript covering vanilla JS, ES2015+, TypeScript, Angular, and React (the latter is authored by Ed) and has delivered on behalf of Google for PWAs. Ed has also developed a new suite of PHP courses and has extensive experience with HTML/CSS and MySQL. 

Ed is responsible for delivering QA’s Programming Foundations course using the Eclipse IDE. His skillset extends into the DevOps sphere, where he is able to deliver courses based around Agile/Scrum practices, version control, and CI/CD.

Covered Topics