Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Embark on a comprehensive 11-hour coding bootcamp covering HTML, CSS, and JavaScript fundamentals. Begin with HTML basics, including boilerplate setup and essential elements. Progress to CSS, exploring topics like the box model, flexbox, and responsive design. Dive into JavaScript, covering variables, control flow, functions, and built-in objects. Practice with hands-on exercises and projects, including creating a responsive navbar and working with APIs. Learn about algorithms, HTTP requests, and version control with GitHub. Benefit from provided code sandboxes for each section and receive guidance on next steps in your coding journey.

Syllabus

Introduction
Code Editors
HTML Introduction
HTML Boilerplate setup
HTML Elements
Online Portfolio Project
Check-in
CSS Introduction
File set up
Class names and Id's
Pop Quiz
Box Model
Colours
Unordered and Ordered Lists
Images
Styling classes as id's
The Data property
Flexbox
Pop Quiz
Flexbox website layout
Commenting out Code
Gradients in CSS
Box Shadows in CSS
Button Styling in CSS
Fonts
Generic Website Layout
making a NavBar
Anchor Links
Creating Sections
Forms in CSS and HTML
Font Awesome
Break points
Z-index
Check-in
Introduction to JavaScript
JavaScript file setup
Variables
Control Flow
If Statements
Operators
Fizz Buzz Exercise
for loops
Arrays
Objects
Functions
A Progress Exercise
Arrow Functions
While loop
Built-in-Objects Introduction
.length
.concat
.join
.pop
.shift
.unshift
.push
.splice
.forEach
.some
.map
.filter
.reduce
.every
.split
Array work - Exercises to practise
.addEventListener
.removeEventListener
querySelector
Check-in and Project suggestion
Math.random
Let's make a Responsive Burger NavBar
Date
setTimeout
setInterval
Classes in JavaScript
Check-in and Project suggestion
Keys
switch case
.sort
Introduction to Algorithms
.includes
.contains
.createElement
Check-in and Project Introduction
Check-in and Project suggestions
Introduction to HTTP
fetch. GET POST PUT DELETE
Check-in and video suggestion
Storing Projects on GitHub
Where to go next
at : To get started: https://codesandbox.io/s/tender-tdd-nwg7v
at : JavaScript set up: https://codesandbox.io/s/distracted-field-vcliy
at : Functions Exercise : https://codesandbox.io/s/eager-tu-t2691
at : .length https://codesandbox.io/s/xenodochial-einstein-ot5rr
at : .join .https://codesandbox.io/s/infallible-jones-idvfn
at : .pop .shift .push https://codesandbox.io/s/optimistic-albattani-cf1ky
at : .forEach https://codesandbox.io/s/sharp-ellis-xeh2o
at : .some https://codesandbox.io/s/admiring-lamport-nlfzb
at : .filter https://codesandbox.io/s/unruffled-wave-sg8v6
at : .reduce https://codesandbox.io/s/hopeful-shadow-f5pvv
at : .addEventListener https://codesandbox.io/s/kind-torvalds-evigr
at : .removeEventListener https://codesandbox.io/s/ecstatic-rhodes-hqonq
at : querySelector https://codesandbox.io/s/ecstatic-lovelace-6u6ht
at : Date https://codesandbox.io/s/great-framework-5206x
at : setTimeout https://codesandbox.io/s/clever-chandrasekhar-u7fyw
at : setInterval https://codesandbox.io/s/cool-franklin-fdvk4
at : keys: https://codesandbox.io/s/lively-river-7xptl