Web Development Introduction

Software and tools that are used for a modern web development workflow.

Please ensure to follow these instructions.

Section introduction and overview.

Introduction to the courses source code and the VS Code workspace.

Create and understand the anatomy on an HTML document.

Section introduction and overview.

Take a look at VS Code and some of its features, and also start working with Gulp.

Initializing a Gulp project.

Finalize the Gulp setup.

Section introduction and overview.

Start working with Bootstrap.

Bootstrap and it's responsive grid.

Start creating the HTML layout for the application

Use Bootstrap design principles for consistent design structure.

Finish our default Bootstrap design.

Section introduction and overview.

How to work with css.

Understanding the different types of CSS.

Style HTML with custom CSS.

The benefits of Sass.

Style HTML with custom Sass.

Section introduction and overview.

How is JavaScript used.

Style HTML with JavaScript.

Load data from a JSON file.

Create custom interaction.

Create a JavaScript counter function.

Create custom user interaction with JavaScript/

Section introduction and overview.

Create custom navigation.

Load data using jQuery.

Create custom user interactions.

Section introduction and overview.

Add Vue.js to an application.

How to work with Vue.js.

Section introduction and overview.

Add React to the application.

Working with React.

Adding user interaction with React.

Section introduction and overview.

Bonus tweaks, customization and next steps.