Fundamental Web Technologies

MODULE 1
  • HTML 5
  • CSS 3
  • JavaScript
  • jQuery

Overview

Module 1 focuses on introducing developers to the foundations of the web platform and the tools used to build software for the web. In this module, we'll discuss the three major technologies used for building software that runs in the web browser: HTML, CSS, and JavaScript. Students will learn the fundamentals of HTML, CSS, and JavaScript. They'll use CSS to dynamically resize the page content to fit a wide variety of screen sizes—from small mobile devices to large desktop displays. They'll write their own grid layout system and add custom interactions using jQuery. Students will learn software engineering fundamentals like test-driven development and version control. We'll also cover best practices used by professional developers such as version control, user personas, and wireframes.

Course Goals

By the end of this module, students will be able to understand: 

  • Data Structures and Algorithms
  • HTML Fundamentals
  • CSS Fundamentals
  • JavaScript Objects and Functions
  • Test-Driven Development in JavaScript
  • DOM Traversal and Manipulation with jQuery
  • Responsive Design, Media Queries and Viewports
  • Grid Systems and Flexbox
  • Wireframes and Prototyping
  • Version Control Workflow
  • Graphics Programming with HTML5 Canvas
  • JavaScript Events and Asynchronous Programming
  • Typography on the Web

Web Development with JavaScript

MODULE 2
  • JavaScript
  • jQuery

Overview

With the foundations in place, we'll turn our attention in the second module to adding interactivity to our web applications using JavaScript and creating web servers using Node.js and Express. Students will dive deeper into the language's mechanics and learn how to write object-oriented as well as functional JavaScript. They'll build a game from the ground up using HTML5 Canvas. Students will tackle the event loop and the fundamentals of writing asynchronous code. Finally, they'll learn how to make their websites accessible to screen readers and other devices. Additionally, developers will learn how to conduct user research, design compelling interfaces, and implement those interfaces using the skills and techniques covered in the first and second modules.

Course Goals

By the end of this module, students will be able to:

  • CSS Preprocessors: SASS and SCSS
  • Front-end Build Tools and Workflows
  • Functional JavaScript
  • Browser Storage
  • AJAX and APIs with jQuery
  • JavaScript Promises and Deferreds
  • User Research and Testing
  • Accessibility and ARIA
  • Node.js
  • Building APIs with Express
  • Building Real-Time Applications with WebSockets
  • Introduction to React

Professional Client-Side Development

MODULE 3
  • jQuery
  • React
  • Ember

Overview

In the third module, we'll explore how to leverage front-end frameworks to create rich experiences in the browser. Students will learn how to create and secure a JSON API in Express as well as persist data on the server. Developers will learn how to leverage front-end frameworks like React and Ember to deliver ambitious client-side web applications that are not only feature-rich but stable and maintainable as well. We'll cover routing, data persistence, authentication, authorization, testing, and building reusable components in both frameworks. Developers will learn how to write automated tests to confirm that they're applications function in each of the major browser platforms.

Course Goals

By the end of this module, students will be able to:

  • Build Tools and Process Automation
  • Integration Testing
  • Web Application Deployment
  • Web Compatibility
  • Performance and Optimization
  • Progressive Web Applications
  • Data Storage and Persistence
  • Client-Side Security and Authentication
  • Working with Flux and Redux
  • Offline-First Web Application
  • Web and Service Workers
  • Ember and Ember Data
  • HTML5 Media APIs
  • Geolocation

Desktop and Mobile Applications with Web Technologies

MODULE 4
  • Node.js
  • React

Overview

In the final module, developers will build back-end servers using Node.js to power their client-side applications. Students will build applications with web technologies outside of the browser: They'll build desktop applications with Electron, mobile web applications with PhoneGap and Cordova, and native applications with React Native. They'll work with cutting edge technologies like WebSockets, Web Components, and ServiceWorkers to create applications that update in real-time and work offline. Developers will create rich, interactive data visualizations using D3 and HTML5 Media APIs such as the Web Audio API, WebGL for 3D-rendering, Geolocation API, and as well as pull in media from the user's camera and microphone.

Course Goals

By the end of this module, students will be able to understand: 

  • Node
  • Desktop Applications with Electron
  • Mobile Applications with PhoneGap
  • React Native
  • Web Components
  • Real-Time Applications
  • Offline Web Applications
  • Data Visualization with D3
Upload Background Image
Drop File