Web Development Fundamentals - Javascript Primer

Welcome to this course, 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 course 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 course. 

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.