Web Development Fundamentals - Javascript Primer

Developed with QA
OverviewStepsAuthor
QA
This content is developed in partnership with QA
DifficultyBeginner
AVG Duration5h
Students171
Ratings
5/5
starstarstarstarstar
Content
Course Created with Sketch. 5 Resources Created with Sketch. 1 Exams Created with Sketch. 2 Labs Created with Sketch. 1

Description

 Learning Path Overview 

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 is 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 

 Pre-requisites 

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 as you work end 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 
  • ElCMA 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

Learning Path Steps

1courses

This video will explain the origins of JavaScript, and how it relates to the ECMAScript standard.

2courses

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 c...

3exam-filled

Knowledge Check: JavaScript Primer, Part 1 of 2

5courses

Part 1: Populating JSON (JavaScript Object Notation) data into an HTML page.

6courses

Part 2: Persisting data with local storage.

7courses

Part 3: Deleting all 'To-dos'.

8labs

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

9exam-filled

Knowledge Check: JavaScript Primer, Part 2 of 2

About the Author

Students1708
Labs8
Courses29
Learning paths5

An outstanding trainer in software development with more than 15 years experience as a Corporate and Apprentice Trainer, ICT Teacher and Head of Department, with a passion for technology and its uses. Continuing to develop existing and new skills and courses, primarily in web design using PHP, JavaScript, HTML, CSS and SQL but also OOP (Java), programming foundations (Using Python), DevOps (Git, CI/CD, etc) and Agile/Scrum. Practically minded, a quick learner and a problem solver with an attention to detail to ensure high quality outcomes.

Covered Topics