Completed
Online Portfolio Project
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
YouTube Coding Bootcamp
Automatically move to the next video in the Classroom when playback concludes
- 1 Introduction
- 2 Code Editors
- 3 HTML Introduction
- 4 HTML Boilerplate setup
- 5 HTML Elements
- 6 Online Portfolio Project
- 7 Check-in
- 8 CSS Introduction
- 9 File set up
- 10 Class names and Id's
- 11 Pop Quiz
- 12 Box Model
- 13 Colours
- 14 Unordered and Ordered Lists
- 15 Images
- 16 Styling classes as id's
- 17 The Data property
- 18 Flexbox
- 19 Pop Quiz
- 20 Flexbox website layout
- 21 Commenting out Code
- 22 Gradients in CSS
- 23 Box Shadows in CSS
- 24 Button Styling in CSS
- 25 Fonts
- 26 Generic Website Layout
- 27 making a NavBar
- 28 Anchor Links
- 29 Creating Sections
- 30 Forms in CSS and HTML
- 31 Font Awesome
- 32 Break points
- 33 Z-index
- 34 Check-in
- 35 Introduction to JavaScript
- 36 JavaScript file setup
- 37 Variables
- 38 Control Flow
- 39 If Statements
- 40 Operators
- 41 Fizz Buzz Exercise
- 42 for loops
- 43 Arrays
- 44 Objects
- 45 Functions
- 46 A Progress Exercise
- 47 Arrow Functions
- 48 While loop
- 49 Built-in-Objects Introduction
- 50 .length
- 51 .concat
- 52 .join
- 53 .pop
- 54 .shift
- 55 .unshift
- 56 .push
- 57 .splice
- 58 .forEach
- 59 .some
- 60 .map
- 61 .filter
- 62 .reduce
- 63 .every
- 64 .split
- 65 Array work - Exercises to practise
- 66 .addEventListener
- 67 .removeEventListener
- 68 querySelector
- 69 Check-in and Project suggestion
- 70 Math.random
- 71 Let's make a Responsive Burger NavBar
- 72 Date
- 73 setTimeout
- 74 setInterval
- 75 Classes in JavaScript
- 76 Check-in and Project suggestion
- 77 Keys
- 78 switch case
- 79 .sort
- 80 Introduction to Algorithms
- 81 .includes
- 82 .contains
- 83 .createElement
- 84 Check-in and Project Introduction
- 85 Check-in and Project suggestions
- 86 Introduction to HTTP
- 87 fetch. GET POST PUT DELETE
- 88 Check-in and video suggestion
- 89 Storing Projects on GitHub
- 90 Where to go next
- 91 at : To get started: https://codesandbox.io/s/tender-tdd-nwg7v
- 92 at : JavaScript set up: https://codesandbox.io/s/distracted-field-vcliy
- 93 at : Functions Exercise : https://codesandbox.io/s/eager-tu-t2691
- 94 at : .length https://codesandbox.io/s/xenodochial-einstein-ot5rr
- 95 at : .join .https://codesandbox.io/s/infallible-jones-idvfn
- 96 at : .pop .shift .push https://codesandbox.io/s/optimistic-albattani-cf1ky
- 97 at : .forEach https://codesandbox.io/s/sharp-ellis-xeh2o
- 98 at : .some https://codesandbox.io/s/admiring-lamport-nlfzb
- 99 at : .filter https://codesandbox.io/s/unruffled-wave-sg8v6
- 100 at : .reduce https://codesandbox.io/s/hopeful-shadow-f5pvv
- 101 at : .addEventListener https://codesandbox.io/s/kind-torvalds-evigr
- 102 at : .removeEventListener https://codesandbox.io/s/ecstatic-rhodes-hqonq
- 103 at : querySelector https://codesandbox.io/s/ecstatic-lovelace-6u6ht
- 104 at : Date https://codesandbox.io/s/great-framework-5206x
- 105 at : setTimeout https://codesandbox.io/s/clever-chandrasekhar-u7fyw
- 106 at : setInterval https://codesandbox.io/s/cool-franklin-fdvk4
- 107 at : keys: https://codesandbox.io/s/lively-river-7xptl
