YouTube Coding Bootcamp

YouTube Coding Bootcamp

Code with Ania Kubów via YouTube Direct link

Introduction

1 of 107

1 of 107

Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

YouTube Coding Bootcamp

Automatically move to the next video in the Classroom when playback concludes

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.