Introduction to the Modern Front-End Web

Introduction to the Modern Front-End Web

Video Training

Start using the tools, technologies, and best practices with which today’s modern, interactive websites are built. You’ll start with a hands-on introduction to popular technologies such as ES6 and Web Components. You’ll add new concepts and techniques as you progress, including time-saving practices, back-end technologies, and a solid grounding in React.

Below are the video training courses included in this Learning Path.


Introduction to Modern Client-Side Programming

Presented by Matt Frisbie 3 hours 10 minutes

Start your introduction to front-end development by learning about some of the most popular tools: ES6, Web Components, Typescript, React, AngularJS 2, and Meteor. You’ll get hands-on experience with each as you work alongside the instructor the included working files. By the end of this course, you’ll be adept with each technology and ready to build on these new skills.


Introduction to Modern Front-End Development

Presented by Adam Scott 3 hours 7 minutes

This course will build on your current CSS, JavaScript, and HTML skills. You’ll learn best practices and modern techniques for front-end development, starting with an introduction to the command line and Git. Then you’ll learn how to create a project with Yeoman. The course also covers how to use a front-end build tool, HTML templating, CSS pre- and post-processing, and modular JavaScript code.


JavaScript Templating

Presented by Raymond Camden 2 hours 17 minutes

Learn how to cut development time by using JavaScript template frameworks. This course introduces you to EJS, and then dives into Handlebars, helpers, partials, and precompilation. At the end of this course, you’ll have knowledge necessary to use frameworks to create your own JavaScript templates.


Client-Side Data Storage for Web Developers

Presented by Raymond Camden 1 hour 54 minutes

In this course you’ll learn to use cookies, web storage, IndexedDB, WebSQL, and libraries as you learn how to store data on a client’s browser. You’ll also learn about the various APIs available and debugging techniques. In addition to mastering the technologies, you’ll understand when and how they’re needed and acquire best practices for their use.


A Practical Introduction to React.js

Presented by Mike Sugarbaker 2 hours 39 minutes

In this course, you’ll learn how to use React.js to build faster, more testable web applications with fewer bugs. You’ll start by learning development principles of the React.js framework as you dive hands-first into working examples. You’ll also learn how to build isomorphic web apps that run on both client and server for lightning-fast mobile load times. Instructor Mike Sugarbaker will guide you through development of a shopping list component with React, and then shows you how to expand this in-page widget to a full app with server-API interaction.