Modern Web Development

Request more details:

submit request
Description:
The web landscape changes weekly. If you are a web developer then it is an almost impossible task to keep up to date with changes in the language syntax, tools, frameworks and related tools. Frameworks come and go at an alarming rate and it can be risky to adopt new technologies before they are mature. This is a hands on course that will create real web applications / sites and deploy them using a free hosting service. It will also create - as an exercise - a progressive web application and an introductory mobile application using React Native.
Prerequisites:
Programmers with some familiarity in web application development.

This course is a chance to get familiar with some of the radical changes that have happened in web development. It will give you the necessary information you need to review your technology stack and identify new tools and techniques that could help you be more productive.
Development Tools:
Sublime, Webstorm, Atom
Visual Studio Code (full-featured, cross platform, free!)
Eslint
Version control using git and gitlab
JavaScript:
ES6 Syntax
Fat arrow functions
Promises
async and await
Objects using class
Understanding "this"
Modules & imports
Push notifications to your website
Is jQuery still relevant?
Server-side JavaScript:
Even if you have no intention of using server side javascript in your technology stack it is vital that you are familiar with node.js and npm as there is an incredibly rich ecosystem of tools based on them.
Node.js
npm and yarn
Creating a web server in <10 lines of code
CSS:
Advanced CSS selectors
Flexbox layout
SVG
CSS Preprocessors
SASS
LESS
Web Services:
Creating a RESTful service for testing (in <5 minutes)
Creating a RESTful service for production (in < 30 minutes)
What is GraphQL?

Testing:
Unit testing frameworks
Mocha
Jasmine
Jest
Introduction to Selenium
Deployment:
npm
Webpack
Free hosting with firebase and github
Mobile websites & apps:
Progressive Web Applications
Hybrid development
Ionic
React Native
Static site generators:
jekyll
gatsby
next.js
Front-end Frameworks:
Angular
React
Vue

A selection of other frameworks