Free 12 hour YouTube Coding Bootcamp 2024!
Vložit
- čas přidán 27. 08. 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
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
١😊ذذذذذذذذذ ههههه ١١1١١ذض ههههه ١١١١١١١١١
ضضخاخاخغخغخغخ😮
عافلللبلغعع😅😮😮
ططشطاوةب@@GOURARILOTFI
VUxjVdqSeaiuqkkqkiqiqmmmjjqjruuî
فففففففففففففففففففففففقفففففففقففففففففففففففففففقففففففففففقففففففففففففففقفففففففففففففففففففففففففففففففففففففففففففففففففڤففففففففففففففففففففففققفففققففع في
Great Content! She is honourable Woman lots of respect of her...
So nice of you!
@@aniakubow00
You have earned a subscriber. I love your teaching style and methodology, taking into consideration the absolute beginner.
My journey begins with you.
So kind of you to say!
92%9 لاد99ي🎉😊
This is so cool, I just finished the last one!! Thank you for all your hard work🎉
Ah so cool!
Hi! Which one of her course / video are u talking abt that u finished last one?
there is a 2021 version of the bootcamp, i think that is what the OP is talking about@@alishbahasad6676
6hrrwoRQ
Thank you Ania for giving the world this informative and yet cool coding bootcamp. Namaste!
thanks for the kind words!
the best of this, is the love reflleted from minute 1 to... let me finish the boot
This is such a nice comment!!! I really did put everything into this ❤️
Thank you
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!!!!
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
،
She is so beautiful that i get motivation for continuing my coding projects ❤❤❤
❤😂🎉😮😊😊
I actually been learning from this channel more than my programming course at school 😊
Just finished first 6h , the bootcamp is amazing ❤
Completed !!! 😎
Did she not get back to you?@@VinaySharma_ftv
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!
So kind of you to say!
I love this. I need 12 days of content not 12 hours. Actually 12 months please. Actually can I have you forever?
I enjoyed the last one I'm excited for this I can't wait 👏
This one will have more projects and be more in depth :)
@@aniakubow please I'm kindly asking if you could teach css @media queries in this bootcamp tutorial it will really go a long way
Thank you Ania... Your will to see us succeed in the world of programming is inspiring. Thsnk you once again
Html
Day 1: h1,h2,h3,h4,h5,h6,p,b,i,em,strong,img,hr,br,a,ul,ol,li
Absolutely incredible & stunning.
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
Great contribution Ania, Blessings. 🙂
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?
Nice video whatever i dont have loptop to make game somehow i store it to my brain till i will by my own loptop...❤❤❤
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
Thank you! Excited for the next bootcamp course.
Thank yoy very much for this, greatly looking for the refresher
we appreciate your hardwork dea
Thank you for the video. You are a good teacher.
An early christmas present, Thanks Ania👍👍👍
Thank You Ani, You are such a nice person!
Thanks, you make coding fun!
Amazing Tutor🥰🥰
thank you ania for ur hardworks, keep up the good work! cheers!
I'm here Counting down with Ania 👏
Thank you Ania, you are the best! ❤
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 !
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
Really looking forward to it
Thank you so much for your great study class Ania.
the video editing is great
Great job Ania!
Thank you so much ❤
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 😉
Jak to miło, że robisz takie kursy. Są ładnie o dobrze zrobione.
Thank you for being a nice teacher, I liked the video💫
I cant wait for it
always grateful for another b00tcamp video :)
Thank you Ania, I would really love to get the key for your heart 😊 ❤
Llegué tarde. 😅.
Empiezo desde el principio.
Ania is amazing.
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.
Amazing!!
Very useful video ❤❤❤
Liked and subscribed!
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.
Thank you so much !!!
thanks again ❤❤
Thanks!
its amazing i really like it and look it good
Hi, If I want to build a portfolio in prompt engineering. How I prove my work?
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.
Fantastic
Te amo Ania!!
🥰🥰🥰🥰🥰
Tremenda labor de educación, gracias por tanto.
thanks
thank you 👍👏👏
I'm impress 😮
best teacher with cute face 😊 Thank you
I can't get rid of that one thought, that you could be an absolutely successful top model.
Ania, would you recommend this for kids 8&12 ? They are into computers (Roblox). Thank you !!! ❤
I would defintely suggest having a go :) let me know how they get on!
Just wish if u could hover on this message am a self learner who has been motivated by your teaching
thanks for your amazing words and support!
This. Is. Fucking. Awesome.
waiting
Thanlyou
so you think you know JavaScript? 😱
thanks beauty
❤
🎉 code a.i.
when with the VIP open up for access
Nice👩🔬
Teacher code i'm not perfect for english language please easy and use like supersimpledev thanks❤
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.😮
JavaScript can be hard! The key is to not give up and keep practising with projects. With time it will get easier I promise :)
This is 4:16am night in India, watching the stream
Is it for beginners
It is :) for someone who has never touched coding before
😢
Heyy
Clairly i dont anderstand any think. You speak too fast.
You can adjust the playback speed of CZcams videos if that helps :)
@@aniakubow Thanks !👍
2:36:00
awesome women beautiful dev.
marri me
why does it take away my notes
Very good explanation Ania.
thank youuu
Thanks it helps
Dzięki 🤍❤️😊👍
Nie ma problemu :)
Thanks!
Thank you so much!
@@aniakubow My pleasure Ania. Keep up the good work!
Thank you