Building Front-End Web Apps with Plain JavaScript

Gerd Wagner

Learn how to build front-end web applications with plain JavaScript, without using any frameworks or libraries. Covers fundamental object-oriented programming concepts.

Technical TutorialsJavaScriptObject-Oriented Programming

Introduction

This book shows how to build front-end web applications with plain JavaScript, not using any (third-party) framework or library. The focus of the book are general information management concepts and techniques concerning integrity constraints and data validation, enumerations and enumeration attributes, unidirectional and bidirectional associations between object types, and subtyping and inheritance in class hierarchies.

Highlights

  • Comes with the complete JavaScript code of 6 example apps, having 8,658 lines of code
  • Available as an open-access online book and as an e-book (PDF)
  • Covers fundamental object-oriented programming concepts in JavaScript

Recommendation

The book can be used by both experienced software developers coming from classical object-oriented (OO) programming and by JavaScript developers. For the former group, the book provides an opportunity to learn JavaScript, while for both groups, it demonstrates how to implement basic OO concepts with plain JavaScript and build complete front-end web apps without the constraints of frameworks.

How GetVM Works

Learn by Doing from Your Browser Sidebar

Access from Browser Sidebar

Access from Browser Sidebar

Simply install the browser extension and click to launch GetVM directly from your sidebar.

Select Your Playground

Select Your Playground

Choose your OS, IDE, or app from our playground library and launch it instantly.

Learn and Practice Side-by-Side

Learn and Practice Side-by-Side

Practice within the VM while following tutorials or videos side-by-side. Save your work with Pro for easy continuity.

Explore Similar Hands-on Tutorials

Java Programming (CS 1) | Computer Science Fundamentals 1
University CoursesJavaObject-Oriented Programming
Learn the fundamentals of Java programming, including variables, expressions, control structures, arrays, objects, and file I/O. Suitable for students without prior programming experience.
Hands-On Data Visualization 9
Technical TutorialsData ScienceJavaScript
Comprehensive guide to data visualization techniques and best practices. Learn to design interactive charts and customized maps for your website using free and easy-to-learn tools.
OOP _ Learn Object Oriented Thinking and Programming 5
Technical TutorialsObject-Oriented ProgrammingProgramming
Dive into the world of object-oriented programming with this comprehensive guide by experienced author Rudolf Pecinovský. Includes detailed concepts, practical examples, and downloadable PDF.
A Primer on Design Patterns 3
Technical TutorialsJavaObject-Oriented Programming
Comprehensive guide to understanding and implementing design patterns in software development, covering the most important patterns and demonstrating implementation in Java.
C++ Annotations | Comprehensive C++ Programming Guide 24
Technical TutorialsC++Object-Oriented Programming
Comprehensive guide to C++ programming, covering language syntax, data structures, algorithms, and object-oriented programming. Suitable for beginners and experienced developers.
C++ For Programmers | Object-Oriented Programming 14
Technical TutorialsC++Object-Oriented Programming
Comprehensive guide to C++ programming for experienced developers, covering data hiding, operator overloading, and more advanced OOP capabilities.
C++ Programming: Code patterns design 7
Technical TutorialsC++Object-Oriented Programming
Enhance your C++ programming skills and learn how to apply design patterns to create efficient and scalable software solutions. Covers Creational, Structural, and Behavioral Patterns.
Comprehensive Guide to Learning GraphQL | API Development 12
Technical TutorialsJavaScript
Learn GraphQL, a powerful query language for APIs, from a reliable and community-driven source. Covers essential concepts and practical examples to build efficient, flexible, and scalable APIs.
HTML5 Canvas Notes for Professionals 22
Technical TutorialsHTMLJavaScript
Comprehensive guide covering HTML5 Canvas topics including text, polygons, images, paths, animation, and more. Compiled from Stack Overflow Documentation.