Web Development Fundamentals - Javascript Primer

Developed with QA
OverviewStepsAuthor
QA
This content is developed in partnership with QA
DifficultyBeginner
AVG Duration5h
Students947
Ratings
4.6/5
starstarstarstarstar-half
Content
5121

Description

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. 

Certificate

Your certificate for this learning path
lock

Training Content

1
Course - Beginner - 4m
The Difference Between ECMAScript and JavaScript
This video will explain the origins of JavaScript, and how it relates to the ECMAScript standard.
2
Course - Beginner - 6m
Introduction to Object Oriented JavaScript
In this guided video tutorial, you'll learn how to use Object-Oriented JavaScript. Instructions: Watch the video Pause it at the appropriate places to execute the commands on your local environment This activity should take you around two hours to complete.
3
Exam - 25m
Knowledge Check: JavaScript Primer, Part 1 of 2
Knowledge Check: JavaScript Primer, Part 1 of 2
4
Resource - Beginner - 5m
Applied JavaScript: Building a To-do App
5
Course - Beginner - 11m
Applied JavaScript: Building a To-do App, Part 1
Part 1: Populating JSON (JavaScript Object Notation) data into an HTML page.
6
Course - Beginner - 8m
Applied Javascript: Building a To-do App, Part 2
Part 2: Persisting data with local storage.
7
Course - Beginner - 11m
Applied Javascript: Building a To-do App, Part 3
Part 3: Deleting all 'To-dos'.
8
Hands-on Lab - Beginner - 8h
Web Development Fundamentals - HTML and CSS
Build the skills to create a website that is responsive to the device that it is being viewed on and contains features needed for good website development
9
Exam - 35m
Knowledge Check: JavaScript Primer, Part 2 of 2
Knowledge Check: JavaScript Primer, Part 2 of 2
About the Author
Students10359
Labs7
Courses29
Learning paths7

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.