12HR+ YouTube Coding Bootcamp 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-nwg7v
at 02:53:49: JavaScript set up: https://codesandbox.io/s/distracted-field-vcliy
at 04:40:24: Functions Exercise : https://codesandbox.io/s/eager-tu-t2691
at 04:50:00: .length() https://codesandbox.io/s/xenodochial-einstein-ot5rr
at 05:06:34: .join() .https://codesandbox.io/s/infallible-jones-idvfn
at 05:13:33: .pop() .shift() .push() https://codesandbox.io/s/optimistic-albattani-cf1ky
at 05:41:50: .forEach() https://codesandbox.io/s/sharp-ellis-xeh2o
at 05:55:12: .some() https://codesandbox.io/s/admiring-lamport-nlfzb
at 06:07:19: .filter() https://codesandbox.io/s/unruffled-wave-sg8v6
at 06:17:06: .reduce() https://codesandbox.io/s/hopeful-shadow-f5pvv
at 07:18:06: .addEventListener() https://codesandbox.io/s/kind-torvalds-evigr
at 07:26:09: .removeEventListener() https://codesandbox.io/s/ecstatic-rhodes-hqonq
at 07:33:57: querySelector() https://codesandbox.io/s/ecstatic-lovelace-6u6ht
at 08:10:12: Date https://codesandbox.io/s/great-framework-5206x
at 08:19:29: setTimeout() https://codesandbox.io/s/clever-chandrasekhar-u7fyw
at 08:29:00: setInterval() https://codesandbox.io/s/cool-franklin-fdvk4
at 08:52:58: keys: https://codesandbox.io/s/lively-river-7xptl
Generic Sandbox Setup: https://codesandbox.io/s/hopeful-shadow-f5pvv
Portfolio final code (edited): https://codesandbox.io/s/html-lesson-1-terminology-and-syntax-yjrsc
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
Видео 12HR+ YouTube Coding Bootcamp 2021! канала Code with Ania Kubów
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-nwg7v
at 02:53:49: JavaScript set up: https://codesandbox.io/s/distracted-field-vcliy
at 04:40:24: Functions Exercise : https://codesandbox.io/s/eager-tu-t2691
at 04:50:00: .length() https://codesandbox.io/s/xenodochial-einstein-ot5rr
at 05:06:34: .join() .https://codesandbox.io/s/infallible-jones-idvfn
at 05:13:33: .pop() .shift() .push() https://codesandbox.io/s/optimistic-albattani-cf1ky
at 05:41:50: .forEach() https://codesandbox.io/s/sharp-ellis-xeh2o
at 05:55:12: .some() https://codesandbox.io/s/admiring-lamport-nlfzb
at 06:07:19: .filter() https://codesandbox.io/s/unruffled-wave-sg8v6
at 06:17:06: .reduce() https://codesandbox.io/s/hopeful-shadow-f5pvv
at 07:18:06: .addEventListener() https://codesandbox.io/s/kind-torvalds-evigr
at 07:26:09: .removeEventListener() https://codesandbox.io/s/ecstatic-rhodes-hqonq
at 07:33:57: querySelector() https://codesandbox.io/s/ecstatic-lovelace-6u6ht
at 08:10:12: Date https://codesandbox.io/s/great-framework-5206x
at 08:19:29: setTimeout() https://codesandbox.io/s/clever-chandrasekhar-u7fyw
at 08:29:00: setInterval() https://codesandbox.io/s/cool-franklin-fdvk4
at 08:52:58: keys: https://codesandbox.io/s/lively-river-7xptl
Generic Sandbox Setup: https://codesandbox.io/s/hopeful-shadow-f5pvv
Portfolio final code (edited): https://codesandbox.io/s/html-lesson-1-terminology-and-syntax-yjrsc
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
Видео 12HR+ YouTube Coding Bootcamp 2021! канала Code with Ania Kubów
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Front-end dev reacts to mind-blowing Codepens3 FREE Websites To Learn To Code That Are BETTER Than Coding BootcampsAsk me Anything - Developer and PERSONAL 100K edition!Fastest way to be a MASTER web dev???10 JavaScript Projects in 10 Hours - Coding Challenge 🔥Stop wasting time when you're learning to code!Why Most People FAIL to Learn ProgrammingBuild a Responsive Online Portfolio from scratch!Code 15 React Projects - Complete CourseI've been challenged to a CSS Battle rematch | Can I beat him again???Learn web development as an absolute beginnerJavaScript Web Developer Bootcamp - Complete Guide to Become JavaScript DeveloperIntroduction To Responsive Web Design - HTML & CSS TutorialBuild a Web Scraper (super simple!)How to Make a Landing Page using HTML, SCSS, and JavaScript - Full CourseBuild and deploy a portfolio website [Full Tutorial Course]Web Development Full Course (Front End) | HTML,CSS,JavaScriptHow to Choose a Coding BootcampHow much I make on 1,000,000 YouTube views (after getting fired from Facebook)