Code with Ania Kubów

🚀 To take the full 470 video course visit here: https://www.codewithania.com. 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 https://bit.ly/html-anatomy
23:26 Headings
25:25 Paragraphs
26:40 Headings, paragraphs and emphasis https://bit.ly/headings-paragraphs
32:59 Indenting code
34:39 Lists https://bit.ly/htlm-list
39:30 Links https://bit.ly/html-lks
44:26 Navigating pages https://bit.ly/html-pages
51:56 Images https://bit.ly/html-imgs
55:50 Tables https://bit.ly/html-tb
1:04:00 Divs
1:05:40 Semantic sectioning
1:08:21 ⭐Project: Table Tennis Leaderboard https://bit.ly/leader-brd
1:26:04 Forms
1:27:32 Inputs
1:33:53 Exercise 1 https://bit.ly/input-ex
1:41:21 Exercise 2 https://bit.ly/input-ex-2
1:44:35 Exercise 3 https://bit.ly/input-ex-3
1:49:36 Select dropdown https://bit.ly/html-slc
1:51:11 using the select element https://bit.ly/html-slc-x
1:55:11 The inspect tool
1:57:22 Data attribute https://bit.ly/data-at
1:59:54 Commenting out code https://bit.ly/com-out
2:02:08 What’s next?
2:04:40 CSS Introduction
2:08:22 File setup https://bit.ly/file-set
2:12:52 Style text https://bit.ly/sty-tex
2:19:33 Class selectors https://bit.ly/class-s
2:24:13 ID selectors https://bit.ly/id-se
2:26:56 Commenting out https://bit.ly/com-ot
2:29:27 The box model https://bit.ly/box-mod
2:34:56 Styling a div https://bit.ly/sty-div
2:39:00 Solution: styling a div https://bit.ly/sty-div-s
2:42:36 Colors
2:44:22 RGB https://bit.ly/rgbx
2:48:31 HEX https://bit.ly/hexx
2:54:56 Opacity https://bit.ly/opa-x
2:58:04 Gradients https://bit.ly/grdx
3:03:12 Advanced gradients https://bit.ly/gradcs
3:06:14 Shadows https://bit.ly/shds
3:12:34 Style links https://bit.ly/sty-lnk
3:16:21 ⭐Project: Profile Badge https://bit.ly/prf-bd
3:40:00 Selectors https://bit.ly/slctx
3:47:50 Position
3:51:55 Positioning divs
3:56:37 Floating elements
3:59:05 Z-index https://bit.ly/zind
4:05:10 Exercise: Z-index https://bit.ly/zind-x
4:10:44 Extra fonts
4:14:51 ⭐Project: Burger Menu https://bit.ly/brgr-x
4:57:00 Flex box
4:58:37 Main Axis https://bit.ly/flx-x
5:02:25 Dynamic spacing
5:08:16 Exercise: Flexbox https://bit.ly/fl-box
5:14:24 Flex items https://bit.ly/fl-it
5:19:30 Styling buttons https://bit.ly/css-bt
5:24:06 :hover :active :disabled https://bit.ly/hvr-x
5:27:25 Controlling Scrolling https://bit.ly/scrl
5:30:48 ⭐Project: Photo Carousel https://bit.ly/crsl
5:49:05 Forms https://bit.ly/frm-x
5:54:45 Input types https://bit.ly/inpt
6:01:38 Focusing on inputs https://bit.ly/fc-inp
6:05:36 Nesting in CSS https://bit.ly/nst-x
6:08:47 ⭐Project: Signup Modal https://bit.ly/sg-md
6:37:20 Responsiveness
6:40:13 Break points https://bit.ly/br-pt
6:44:27 Viewport https://bit.ly/vw-pt
6:46:54 Transforming https://bit.ly/tr-fm
6:49:11 Keyframes https://bit.ly/ky-fr
6:52:31 ⭐Project: Developer Portfolio https://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 https://bit.ly/vr-x
9:14:12 Scope
9:16:54 var vs let https://bit.ly/vr-lt
9:23:39 const https://bit.ly/cntx
9:28:41 Booleans, strings, numbers
9:32:51 Exercise: Booleans, strings, numbers https://bit.ly/bsn-x
9:37:33 Other data types
9:41:44 Arithmetic operators https://bit.ly/art-x
9:45:29 Comparison operators https://bit.ly/cp-x
9:48:51 Assignment operators https://bit.ly/as-x
9:54:45 Equality operators https://bit.ly/eq-op
10:01:08 if statement https://bit.ly/if-x
10:06:01 Falsey + truthy https://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 https://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 https://bit.ly/mh-x
11:44:47 Web APIs
11:48:26 .addEventListener()
11:54:06 Where now

Free 12 hour YouTube Coding Bootcamp 2025!

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills