HomeCoursesBuilding Front-End Web Applications with Plain JavaScript

Beginner

22h 10min

Building Front-End Web Applications with Plain JavaScript

Delve into building front-end web applications with plain JavaScript. Learn by doing, improving your skills through examples, and grasp best practices while creating functional, self-understood projects.
Join 2.7 million developers at
Overview
Content
Reviews
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 techniques. By working your way through the code of these example apps and using it as a starting point for your projects, you’ll learn best practices and experience the joy of building something that really works and that you fully understand.
This course shows you how to build front-end web applications with plain JavaScript without using any (third-party) framework or...Show More

WHAT YOU'LL LEARN

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.
Learn to build a front-end web app with plain JS.

Show more

Content

1.

Introduction

1 Lessons

Get familiar with front-end web development using HTML and JavaScript without frameworks.

3.

Javascript Fundamentals

14 Lessons

Examine JavaScript essentials: data types, variables, strict mode, objects, arrays, maps, procedures, classes, localStorage, and new syntax.

7.

Enumerations

7 Lessons

Piece together the parts of enumerations, record and extensible enums, attributes, and usage in languages.

11.

Implementing Unidirectional Non-Functional Associations

9 Lessons

Enhance your skills in implementing and managing unidirectional non-functional associations in JavaScript.

12.

Bidirectional Associations

5 Lessons

Dig into managing bidirectional associations and creating efficient, consistent OO class models.

13.

Implementing Bidirectional Associations

9 Lessons

Follow the process of implementing bidirectional associations in JavaScript classes for cohesive object interactions.

16.

Conclusion

1 Lessons

Look at the course journey from JavaScript basics to developing and enhancing applications.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Developed by MAANG Engineers
Every Educative lesson is designed by our in-house team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, no fluff. Just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 million developers working at companies

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Free Resources

FOR TEAMS

Interested in this course for your business or team?

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