Building Front-End Web Applications with Plain JavaScript
INTERACTIVE COURSE

Building Front-End Web Applications with Plain JavaScript

Beginner

143 Lessons

22h 10min

Certificate of Completion

Building Front-End Web Applications with Plain JavaScript
110 Playgrounds
14 Quizzes
104 Illustrations

Takeaway Skills

Learn to build a front-end web app with plain JS.

Understand how to implement associations between model classes without third-party frameworks.

Learn how to build an app with constraint validation and enumeration attributes.

Improve your JS skills by building a complete app.

Course Overview

This course shows you how to build front-end web applications with plain JavaScript without using any (third-party) framework or library. It follows a "learning by doing" approach, which means that you don't have to read lots of text about the intricacies of JavaScript. Instead, you’ll focus on the essential parts of JavaScript and read only the minimum needed to start coding your first app. Learning from the examples provided in the course can quickly improve your understanding of basic concepts and techn...Show More

Course Content

1

Introduction

2

The Foundations of Web Apps

3

Javascript Fundamentals

4

Building a Minimal Web App with Plain JS in Seven Steps

5

Integrity Constraints and Data Validation

6

Constraint Validation in Plain JS

12 Lessons

7

Enumerations

7 Lessons

8

Enumeration Attributes in Plain JS

10 Lessons

9

Reference Properties and Unidirectional Associations

11 Lessons

10

Implementing Unidirectional Functional Associations

8 Lessons

11

Implementing Unidirectional Non-Functional Associations

9 Lessons

12

Bidirectional Associations

5 Lessons

13

Implementing Bidirectional Associations

9 Lessons

14

Subtyping and Inheritance

11 Lessons

15

Subtyping with Plain JS

12 Lessons

16

Conclusion

1 Lesson

COURSE AUTHOR

How You'll Learn

Hands-on Coding Environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

2x Faster Learning — With No Setup

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

AI-Powered Learning

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Progress You Can Show

Built-in assessments let you test your skills. Completion certificates let you show them off.

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath