# Description Shared January 13, 2021 Just bring your laptop! Hello everyone and welcome to this online Coding Bootcamp. This Bootcamp has been designed specifically to make your coding journey easier by utilising all of @YouTube functionalities such as the Timestamps and Cards. We will be using the Timestamps to break up our Bootcamp into sections, so that you can easily navigate to and from each one using the description below. I will also be using Cards in order to direct you to an external project you can try, based on where we are in our Coding Journey. I have also provided Code Sandboxes at the bottom for those stuck on code setup for the learning sections. I would advise to always type out the code to each exercise yourself, but as a safety net, they are provided as well. This 12hr+ Bootcamp is unsponsored and free and will always be free, so if you enjoy it please do give a big thumbs up and Subscribe! If you liked this course, and would like to buy me a coffee: https://www.buymeacoffee.com/aniakubow Sign up for weekly coding tips from my newsletter partnership: http://bit.ly/JS-tips Content: 00:00 Introduction 03:34 Code Editors -- HTML -- 06:05 HTML Introduction 08:22 HTML Boilerplate setup 10:55 HTML Elements 17:53 Online Portfolio Project -- CSS -- 20:05 Check-in 21:02 CSS Introduction 23:37 File set up 27:42 Class names and Id's 30:48 Pop Quiz 37:52 Box Model 39:56 Colours 44:12 Unordered and Ordered Lists 49:33 Images 54:22 Styling classes as id's 57:07 The Data property 59:00 Flexbox 01:01:45 Pop Quiz 01:03:41 Flexbox website layout 01:09:43 Commenting out Code 01:13:37 Gradients in CSS 01:15:53 Box Shadows in CSS 01:17:18 Button Styling in CSS 01:25:51 Fonts 01:29:25 Generic Website Layout 01:34:28 making a NavBar 01:46:54 Anchor Links 01:50:17 Creating Sections 02:13:50 Forms in CSS and HTML 02:26:55 Font Awesome 02:32:12 Break points 02:38:35 Z-index -- JAVASCRIPT -- 02:49:24 Check-in 02:51:07 Introduction to JavaScript 02:52:12 JavaScript file setup 02:58:39 Variables 03:16:15 Control Flow 03:16:40 If Statements 03:26:09 Operators 03:55:39 Fizz Buzz Exercise 04:00:59 for loops 04:07:58 Arrays 04:14:42 Objects 04:24:50 Functions 04:37:51 A Progress Exercise 04:48:20 Arrow Functions 04:52:21 While loop 04:55:23 Built-in-Objects Introduction 04:56:02 .length() 05:01:29 .concat() 05:06:41 .join() 05:12:06 .pop() 05:18:46 .shift() 05:22:13 .unshift() 05:25:32 .push() 05:35:51 .splice() 05:41:47 .forEach() 05:50:25 .some() 05:59:49 .map() 06:07:19 .filter() 06:17:06 .reduce() 06:22:27 .every() 06:28:25 .split() 06:34:25 Array work - Exercises to practise 07:18:06 .addEventListener() 07:26:09 .removeEventListener() 07:33:57 querySelector() 07:39:59 Check-in and Project suggestion 07:40:51 Math.random() 07:53:08 Let's make a Responsive Burger NavBar 08:10:12 Date 08:19:29 setTimeout() 08:29:00 setInterval() 08:44:11 Classes in JavaScript 08:52:16 Check-in and Project suggestion 08:52:58 Keys 09:01:46 switch case 09:22:51 .sort() 09:24:52 Introduction to Algorithms 09:25:16 .includes() 09:27:34 .contains() 09:29:52 .createElement() 09:38:22 Check-in and Project Introduction 10:27:07 Check-in and Project suggestions 10:28:16 Introduction to HTTP 10:36:55 fetch(). GET POST PUT DELETE 11:07:24 Check-in and video suggestion 11:07:53 Storing Projects on GitHub 11:15:58 Where to go next Code Sandboxes: at 04:05: To get started: https://codesandbox.io/s/tender-tdd-n... at 02:53:49: JavaScript set up: https://codesandbox.io/s/distracted-f... at 04:40:24: Functions Exercise : https://codesandbox.io/s/eager-tu-t2691 at 04:50:00: .length() https://codesandbox.io/s/xenodochial-... at 05:06:34: .join() .https://codesandbox.io/s/infallible-j... at 05:13:33: .pop() .shift() .push() https://codesandbox.io/s/optimistic-a... at 05:41:50: .forEach() https://codesandbox.io/s/sharp-ellis-... at 05:55:12: .some() https://codesandbox.io/s/admiring-lam... at 06:07:19: .filter() https://codesandbox.io/s/unruffled-wa... at 06:17:06: .reduce() https://codesandbox.io/s/hopeful-shad... at 07:18:06: .addEventListener() https://codesandbox.io/s/kind-torvald... at 07:26:09: .removeEventListener() https://codesandbox.io/s/ecstatic-rho... at 07:33:57: querySelector() https://codesandbox.io/s/ecstatic-lov... at 08:10:12: Date https://codesandbox.io/s/great-framew... at 08:19:29: setTimeout() https://codesandbox.io/s/clever-chand... at 08:29:00: setInterval() https://codesandbox.io/s/cool-frankli... at 08:52:58: keys: https://codesandbox.io/s/lively-river... Generic Sandbox Setup: https://codesandbox.io/s/hopeful-shad... Portfolio final code (edited): https://codesandbox.io/s/html-lesson-... Memory Game final code: https://github.com/kubowania/memory-game You can also find me on: Twitter: https://twitter.com/ania_kubow Instagram: https://instagram.com/aniakubow - #codingbootcamp #coding