Free 12 hour YouTube Coding Bootcamp 2024!

🚀 To take the full 470 video course visit here: www.codewithan.... This 12hr video is free - and will always be free!
00:00 Introduction
02:06 What is a Code Editor?
03:41 Code editor options
04:29 Files files files
08:05 HTML Introduction
10:01 What exactly is it?
12:20 Syntax
17:42 Saving files
18:54 Anatomy bit.ly/html-an...
23:26 Headings
25:25 Paragraphs
26:40 Headings, paragraphs and emphasis bit.ly/heading...
32:59 Indenting code
34:39 Lists bit.ly/htlm-list
39:30 Links bit.ly/html-lks
44:26 Navigating pages bit.ly/html-pages
51:56 Images bit.ly/html-imgs
55:50 Tables bit.ly/html-tb
1:04:00 Divs
1:05:40 Semantic sectioning
1:08:21 ⭐Project: Table Tennis Leaderboard bit.ly/leader-brd
1:26:04 Forms
1:27:32 Inputs
1:33:53 Exercise 1 bit.ly/input-ex
1:41:21 Exercise 2 bit.ly/input-ex-2
1:44:35 Exercise 3 bit.ly/input-ex-3
1:49:36 Select dropdown bit.ly/html-slc
1:51:11 using the select element bit.ly/html-slc-x
1:55:11 The inspect tool
1:57:22 Data attribute bit.ly/data-at
1:59:54 Commenting out code bit.ly/com-out
2:02:08 What’s next?
2:04:40 CSS Introduction
2:08:22 File setup bit.ly/file-set
2:12:52 Style text bit.ly/sty-tex
2:19:33 Class selectors bit.ly/class-s
2:24:13 ID selectors bit.ly/id-se
2:26:56 Commenting out bit.ly/com-ot
2:29:27 The box model bit.ly/box-mod
2:34:56 Styling a div bit.ly/sty-div
2:39:00 Solution: styling a div bit.ly/sty-div-s
2:42:36 Colors
2:44:22 RGB bit.ly/rgbx
2:48:31 HEX bit.ly/hexx
2:54:56 Opacity bit.ly/opa-x
2:58:04 Gradients bit.ly/grdx
3:03:12 Advanced gradients bit.ly/gradcs
3:06:14 Shadows bit.ly/shds
3:12:34 Style links bit.ly/sty-lnk
3:16:21 ⭐Project: Profile Badge bit.ly/prf-bd
3:40:00 Selectors bit.ly/slctx
3:47:50 Position
3:51:55 Positioning divs
3:56:37 Floating elements
3:59:05 Z-index bit.ly/zind
4:05:10 Exercise: Z-index bit.ly/zind-x
4:10:44 Extra fonts
4:14:51 ⭐Project: Burger Menu bit.ly/brgr-x
4:57:00 Flex box
4:58:37 Main Axis bit.ly/flx-x
5:02:25 Dynamic spacing
5:08:16 Exercise: Flexbox bit.ly/fl-box
5:14:24 Flex items bit.ly/fl-it
5:19:30 Styling buttons bit.ly/css-bt
5:24:06 :hover :active :disabled bit.ly/hvr-x
5:27:25 Controlling Scrolling bit.ly/scrl
5:30:48 ⭐Project: Photo Carousel bit.ly/crsl
5:49:05 Forms bit.ly/frm-x
5:54:45 Input types bit.ly/inpt
6:01:38 Focusing on inputs bit.ly/fc-inp
6:05:36 Nesting in CSS bit.ly/nst-x
6:08:47 ⭐Project: Signup Modal bit.ly/sg-md
6:37:20 Responsiveness
6:40:13 Break points bit.ly/br-pt
6:44:27 Viewport bit.ly/vw-pt
6:46:54 Transforming bit.ly/tr-fm
6:49:11 Keyframes bit.ly/ky-fr
6:52:31 ⭐Project: Developer Portfolio bit.ly/dev-p
8:49:46 What next?
8:51:21 JavaScript Intro
8:55:48 Client-side vs server-side
8:58:52 File setup
9:01:42 console.log()
9:07:46 Variables bit.ly/vr-x
9:14:12 Scope
9:16:54 var vs let bit.ly/vr-lt
9:23:39 const bit.ly/cntx
9:28:41 Booleans, strings, numbers
9:32:51 Exercise: Booleans, strings, numbers bit.ly/bsn-x
9:37:33 Other data types
9:41:44 Arithmetic operators bit.ly/art-x
9:45:29 Comparison operators bit.ly/cp-x
9:48:51 Assignment operators bit.ly/as-x
9:54:45 Equality operators bit.ly/eq-op
10:01:08 if statement bit.ly/if-x
10:06:01 Falsey + truthy bit.ly/f-trx
10:10:12 Logical operators
10:17:20 Nullish coalescence operator
10:20:26 Ternary operator
10:23:35 if/else
10:26:03 Exercise: if/else
10:29:05 Exercise: if exercise
10:34:20 Exercise: if/else
10:37:49 Loops
10:40:17 For statement
10:45:49 Do…while statement
10:50:11 …while statement
10:52:35 Exercise: Fizz buzz
10:57:27 Functions
11:03:49 Arguments + parameters
11:09:24 Exercise: Arguments + parameters
11:12:59 Exercise: functions progress bit.ly/fcpr
11:18:24 Function expressions
11:22:35 Exercise: Function expressions
11:24:45 Arrow function expressions
11:29:50 Exercise: Arrow function expressions
11:32:22 Methods and properties
11:35:19 The Math Object
11:41:23 Exercise: The Math Object bit.ly/mh-x
11:44:47 Web APIs
11:48:26 .addEventListener()
11:54:06 Where now

[@TRANZCEND3NCE]

Amazing videos. Just finished both of your 12 hour course. Looking forward to buying your fullStack course sometime this week. Thank you for all your help and support 😊❤.

[@aniakubow]

That’s incredible news! Look forward to having you onboard!

[@youngwolf1009]

I restarted your first 12 hours bootcamp to refresh my javascript and CSS skills, just found this one ! I think both are great but this one is more for pure beginners if you already have some basics go for the previous one guys

[@yasinfatoussi6523]

١😊ذذذذذذذذذ ههههه ١١1١١ذض ههههه ١١١١١١١١١

[@GOURARILOTFI]

ضضخاخاخغخغخغخ😮 عافلللبلغعع😅😮😮

[@DjabeurKhiat]

ططشطاوةب​@@GOURARILOTFI

[@yahyamohamed5295]

فففففففففففففففففففففففقفففففففقففففففففففففففففففقففففففففففقففففففففففففففقفففففففففففففففففففففففففففففففففففففففففففففففففڤففففففففففففففففففففففققفففققففع في

[@YazenYazen-xx6hy]

​@@GOURARILOTFI😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅😅

[@stace5559]

This is so cool, I just finished the last one!! Thank you for all your hard work🎉

[@aniakubow]

Ah so cool!

[@alishbahasad6676]

Hi! Which one of her course / video are u talking abt that u finished last one?

[@vobose]

there is a 2021 version of the bootcamp, i think that is what the OP is talking about@@alishbahasad6676

[@rahimmazhoudi2237]

6hrrwoRQ

[@dmilligan2302]

Thank you Ania for doing/updating this. I learn SO much from you. Your teaching style is Amazing. I have struggled with learning Javascript for so long, but you are the only one that gets through to me. THANK YOU!!!!

[@atomtan99]

Great Content! She is honourable Woman lots of respect of her...

[@aniakubow]

So nice of you!

[@yacinemahiout3191]

​@@aniakubow00

[@ormsbyaddison4651]

You have earned a subscriber. I love your teaching style and methodology, taking into consideration the absolute beginner. My journey begins with you.

[@aniakubow]

So kind of you to say!

[@NoraHassani-ip1gf]

92%9 لاد99ي🎉😊​

[@championmagnus]

I started watching some of this intending for later, and it is so well done I watched quite a bit. I learned HTML 20 years ago with my graphic design degree, but don't recall much. I am currently learning python for a new CS degree, and have saved your channel and will definitely be using this video as my htlm learning refresher. (I say refresher but I need to relearn it, so this video looks like it will be exactly what I need) Thanks!

[@aniakubow]

So kind of you to say!

[@88Turbo88]

Thank you Ania for giving the world this informative and yet cool coding bootcamp. Namaste!

[@aniakubow]

thanks for the kind words!

[@dewaldsteyn1306]

What is a namaste

[@88Turbo88]

@@dewaldsteyn1306 I appreciate your being and existence. We're all one.

[@theseareswayze-lesstimes]

My wife walked by and asked what I was so involved in. Then she saw you, patted me on the head and said she's going to bed. Please... continue

[@maria-ld4wx]

،

[@ahmedkursi6950]

I actually been learning from this channel more than my programming course at school 😊

[@leetf]

This course is fantastic, learning so much, thank you.

[@aniakubow]

Thank you so much!!!

[@wuayker]

the best of this, is the love reflleted from minute 1 to... let me finish the boot

[@aniakubow]

This is such a nice comment!!! I really did put everything into this ❤️

[@earnstein7607]

Thank you Ania... Your will to see us succeed in the world of programming is inspiring. Thsnk you once again

[@VinaySharma_ftv]

Just finished first 6h , the bootcamp is amazing ❤

[@VinaySharma_ftv]

Completed !!! 😎

[@mrboyban]

Did she not get back to you?@@VinaySharma_ftv

[@user-gr5nq8uy7i]

I love this. I need 12 days of content not 12 hours. Actually 12 months please. Actually can I have you forever?

[@YAR-2005]

She is so beautiful that i get motivation for continuing my coding projects ❤❤❤

[@ZamenAdjali]

❤😂🎉😮😊😊

[@lunevermeil1400]

Do you happen to have a scholarship/donated tuition package for your 72 hour course for an abuse survivor that is trying to rebuild her life? I don't have $500 dollars right now for your course, but I need to make positive change in my life. I can pay it forward after I get a sucessful work from home job coding I'll pay for someone elses tuition in a keep it going fashion. Or could one of the viewrs here donate a scholarship to Ania Kubow's class on my behalf?

[@likandokayombo]

I enjoyed the last one I'm excited for this I can't wait 👏

[@aniakubow]

This one will have more projects and be more in depth :)

[@likandokayombo]

@@aniakubow please I'm kindly asking if you could teach css @media queries in this bootcamp tutorial it will really go a long way

[@Yuta_Xander]

This is beautiful thank you❤

[@mathandstatisticsmadeeasy7583]

i started following you in march and i must testified that i really learn a lot from you and my confidence has gone up....could you please make a video on javscript dom

[@valenciawalker6498]

Thank you! Excited for the next bootcamp course.

[@calebmbugua745]

Thank yoy very much for this, greatly looking for the refresher

[@youmatter6078]

You're by far one of the most impressive teachers I've come across. I can tell you're really passionate and you love what you do. Keep doing what you do !

[@Tushar70040]

thanks for this and your handwork

[@aniakubow]

My pleasure!

[@CharlesSmall]

Thank you for the video. You are a good teacher.

[@nzerucreations1115]

Thanks, you make coding fun!

[@venegas7303]

Thank you

[@drujas]

Great contribution Ania, Blessings. 🙂

[@Aacadian-xe8kq]

An early christmas present, Thanks Ania👍👍👍

[@Historygo-b4s]

Thank You Ani, You are such a nice person!

[@codewithguillaume]

Absolutely incredible & stunning.

[@likandokayombo]

I'm here Counting down with Ania 👏

[@teodygirado9982]

thank you ania for ur hardworks, keep up the good work! cheers!

[@dironin2363]

Thank you Ania, you are the best! ❤

[@sandmlvr]

we appreciate your hardwork dea

[@justmynickname]

Jak to miło, że robisz takie kursy. Są ładnie o dobrze zrobione.

[@EnzoE-p1d]

the video editing is great

[@alexandreandrade5172]

Thank you so much for your great study class Ania.

[@steffanjansenvanvuuren3257]

Coding is a very WIDE term. I have been coding in C and C# for years, and people say I can't code...just because I don't code what they code. Coding is easy, but you have to be creative, that cannot be taught.

[@marcinzale]

Great job Ania!

[@stephencurah1059]

Really looking forward to it

[@tituskarombe831]

Amazing Tutor🥰🥰

[@CaliboyCode]

Thank you so much ❤

[@JohnEGledhill]

always grateful for another b00tcamp video :)

[@MohamedAboelnaga1800]

Hi, If I want to build a portfolio in prompt engineering. How I prove my work?

[@hamunaptraabrahan1351]

Thank you for being a nice teacher, I liked the video💫

[@tolicoenciclopedia9696]

Ania is amazing.

[@gaborr5242]

Thank you Ania, I would really love to get the key for your heart 😊 ❤

[@ashiffajainul6718]

Html Day 1: h1,h2,h3,h4,h5,h6,p,b,i,em,strong,img,hr,br,a,ul,ol,li

[@Mr.Wonder-u8y]

Nice video whatever i dont have loptop to make game somehow i store it to my brain till i will by my own loptop...❤❤❤

[@musharrafparvez7747]

Very useful video ❤❤❤

[@rhmagalhaes]

Ania, would you recommend this for kids 8&12 ? They are into computers (Roblox). Thank you !!! ❤

[@aniakubow]

I would defintely suggest having a go :) let me know how they get on!

[@adriansrfr]

I appreciate the time stamps. However, the video itself has a reverse/negative time stamp thing going on. Not sure if it was intended this way.

[@my_graphics]

Ania, I tried so hard, putting in my days, weeks and months but can not understand functions in any language C, C++, JavaScript, Python etc, just the basic functions to advanced functions and hence abstraction, encapsulation, inheritance and polymorphism are obviously impossible for me to understand. I need suggestions on how can I understand functions in any language. Conditions and loops comes natural to me. But it´s the function that punches me in the face every single time.

[@CJeyakumarR]

Thank you so much !!!

[@kingdwight1]

Thanks!

[@GaryChike]

Thanks!

[@aniakubow]

Thank you so much!

[@GaryChike]

@@aniakubow My pleasure Ania. Keep up the good work!

[@mat7279]

Liked and subscribed!

[@agnosticoparatodo]

Llegué tarde. 😅. Empiezo desde el principio.

[@dywa_varaprasad]

thanks again ❤❤

[@jeandamaceno5247]

Amazing!!

[@kirbacilpezo]

I cant wait for it

[@salmanjaani7826]

its amazing i really like it and look it good

[@seeheargames]

Thank you for teaching I have a stupid question that someone can answer were can I publish on the net to show my work. I do have a domain already but do not know were to publish to show my work Thank you for answering my question

[@enchan1ed]

[@ghaidaaal-ezzi8677]

can you make us a map from where should we start learning from your youtube videos from begginer to advanced thanks a lot for your efforts I'm a beg fan of your tutorials

[@paulcoleman9272]

I can't get rid of that one thought, that you could be an absolutely successful top model.

[@madhurchaturvedi5551]

Thank you for providing a good quality of education ma'am I have a request to make can you make a course on material UI CSS framework in react and if you make a project please make completely responsive that is great help for us thank you ma'am and keep it up 😉

[@TheLummen.]

Hello amazing Ania ! This is perfect for my sister. I'm trying to steer her towards tech. It's going to be a great practical intro. Many thanks for the hard work to everyone involved.

[@user-gr5nq8uy7i]

Fantastic

[@SaeedKhan-op3by]

This. Is. Fucking. Awesome.

[@yosaananda9057]

thanks

[@DaRedT]

thank you 👍👏👏

[@matemedialunasy..seguimosc5171]

Te amo Ania!! 🥰🥰🥰🥰🥰

[@matemedialunasy..seguimosc5171]

Tremenda labor de educación, gracias por tanto.

[@WEB-INFO]

I'm impress 😮

[@gfred3234]

when with the VIP open up for access

[@lukeastorw]

best teacher with cute face 😊 Thank you

[@kirkreynolds1533]

Very good explanation Ania.

[@aniakubow]

thank youuu

[@rashedmia7849]

waiting

[@LearnSomeCoding]

Just wish if u could hover on this message am a self learner who has been motivated by your teaching

[@aniakubow]

thanks for your amazing words and support!

[@xJustBillyx]

Great course, I've got about an hour and half left. But this javascript section is kicking my ass, I just don't understand it.😮

[@aniakubow]

JavaScript can be hard! The key is to not give up and keep practising with projects. With time it will get easier I promise :)

[@youcefdahem4787]

❤

[@HaiderHaider-df6le]

thanks beauty

[@DarkAcademyUniversity]

[@AravindKosana]

Is it for beginners

[@aniakubow]

It is :) for someone who has never touched coding before

[@moodyshah007]

Thanlyou

[@rajunaidu7751]

so you think you know JavaScript? 😱

[@nicolewolfeceo]

🎉 code a.i.

[@augusto256]

Nice👩‍🔬

[@codewithabuki]

Teacher code i'm not perfect for english language please easy and use like supersimpledev thanks❤

[@ScientificZoom]

This is 4:16am night in India, watching the stream

[@stardommansion6773]

why does it take away my notes

[@sihemdaoud736]

😢

[@sameealtafshaikh1709]

Heyy

[@perudatazo1]

awesome women beautiful dev.

[@badrakhariunchimeg1031]

marri me

[@EnzoE-p1d]

2:36:00

[@aminemehdi5042]

Clairly i dont anderstand any think. You speak too fast.

[@aniakubow]

You can adjust the playback speed of KZbin videos if that helps :)

[@aminemehdi5042]

@@aniakubow Thanks !👍

[@RobertSutkowski-l7h]

Dzięki 🤍❤️😊👍

[@aniakubow]

Nie ma problemu :)

[@luckyyt2381]

Thanks it helps

[@Anitha.D]

Thank you