02/14/2022 - 02/14/2022
10:00 AM - 06:00 PM
Online Virtual Class
USD $650.00
Enroll
02/28/2022 - 02/28/2022
10:00 AM - 06:00 PM
Online Virtual Class
USD $650.00
Enroll
03/14/2022 - 03/14/2022
10:00 AM - 06:00 PM
Online Virtual Class
USD $650.00
Enroll

Audience

Experienced programmers needing to prepare for developing and - or supporting current front end web applications.

Prerequisites

  • Basic understanding of the architecture and interaction between Web Clients and Web Servers.
  • Development experience with scripting or a high level programming language like JavaScript, Java, PHP, C++, etc.
  • Basic understanding of HTML and JavaScript are helpful

Duration

One day

Outline for Introduction to the Modern Web Application Development Environment

Chapter 1. Intro to Web Apps

  • Architecture reference models with history of how we got here
  • Serves as overview to orient them

Chapter 2. VSCode

  • Introduction to show the basics of how to work with the tool
  • Highlight features needed for future training and work:
    • the terminal
    • extensions
    • settings
  • hands on - and continued for each of the modules below

Chapter 3. HTML and the DOM

  • how one becomes the other and why it's important
  • mention Browser APIs and where to find doc for them
  • also the Document (DOM) API and DOM nodes
  • Introduce Chrome dev tools

Chapter 4. CSS

  • How to style an element, CSS classes
  • Work with API docs
  • Show CSS features in chrome dev tools

Chapter 5. ES6 JavaScript

  • ES6 fundamentals and key features - focus on API beyond client side validation which most developers already know
  • Show code in chrome dev tools

Chapter 6. Chrome developer tools

  • finding errors
  • using the console
  • working with the debugger
  • meaningful extensions

Chapter 7. What is a SPA (Single Page Application)

  • Why have them (MVC, Ajax, Smart client)
  • MEAN and MERN stack