Front End Web Development Bootcamp - Twitter Clone

George Lomidze, Developer / Designer / Online Teacher

Get unlimited access to every class

Taught by industry leaders & working professionals

Topics include illustration, design, photography, and more

Get unlimited access to every class

Taught by industry leaders & working professionals

Topics include illustration, design, photography, and more

Lessons in This Class

107 Lessons (12h 35m)

- 1. Promo
  
  1:20
- 2. Introduction
  
  2:58
- 3. Setup
  
  1:47
- 4. What is HTML
  
  2:56
- 5. Basic HTML Document
  
  6:34
- 6. HTML Headings and paragraphs
  
  8:43
- 7. HTML Lists
  
  5:00
- 8. Links
  
  4:39
- 9. Images
  
  4:38
- 10. Forms - Part 1
  
  5:50
- 11. Forms - Part 2
  
  4:42
- 12. Semantic Tags
  
  5:04
- 13. What is CSS and how to write it
  
  7:51
- 14. CSS Selectors
  
  9:00
- 15. Colors
  
  5:34
- 16. Text Formatting
  
  6:05
- 17. Fonts
  
  9:37
- 18. Box Model
  
  12:12
- 19. Pseudo Classes
  
  7:21
- 20. Pesudo Elements
  
  4:03
- 21. Measurement Units - Part 1
  
  6:39
- 22. Measurement Units - Part 2
  
  6:24
- 23. Positions - Part 1
  
  6:12
- 24. Positions - Part 2
  
  8:50
- 25. Floats
  
  5:54
- 26. Backgrounds - Part 1
  
  11:30
- 27. Backgrounds - Part 2
  
  8:20
- 28. Shadows
  
  7:56
- 29. Transitions
  
  10:14
- 30. Transforms - Part 1
  
  7:14
- 31. Transforms - Part 2
  
  4:39
- 32. Introduction to CSS Flexbox
  
  6:13
- 33. Flex Container Properties
  
  14:55
- 34. Flex Item Properties
  
  9:24
- 35. CSS Grid Introduction
  
  4:46
- 36. CSS Grid Setup
  
  5:29
- 37. How to create Grid
  
  6:19
- 38. Fractional Units
  
  6:08
- 39. How to position Grid items
  
  9:27
- 40. Naming Grid items - Part 1
  
  9:28
- 41. Naming Grid items - Part 2
  
  10:02
- 42. Naming Grid areas
  
  5:07
- 43. Explicit and Implicit Grids
  
  6:00
- 44. Aligning Grid items
  
  6:20
- 45. Aligning Grid Tracks
  
  4:06
- 46. max-content - min-content - minmax()
  
  4:57
- 47. auto-fill and auto-fit
  
  4:39
- 48. Project Twitter Clone Main Page Overview
  
  7:13
- 49. Create Structure of Main Page
  
  11:18
- 50. Add CSS to Main Page - Part 1
  
  9:47
- 51. Add CSS to Main Page - Part 2
  
  4:40
- 52. Add CSS to Main Page - Part 3
  
  9:07
- 53. Add CSS to Main Page - Part 4
  
  6:20
- 54. Add CSS to Footer of Main Page
  
  3:58
- 55. Create Structure of Login Page
  
  7:16
- 56. Layout of Elements
  
  5:19
- 57. Add CSS to Navigation
  
  7:42
- 58. Add CSS to Login - Part 1
  
  7:23
- 59. Add CSS to Login - Part 2
  
  5:32
- 60. Create Structure of Navigation
  
  5:13
- 61. Add CSS to Navigation in News Feed Page
  
  9:51
- 62. Create Structure of News Feed Header
  
  3:41
- 63. Add CSS to News Feed Header - Part 1
  
  6:18
- 64. Add CSS to News Feed Header - Part 2
  
  4:46
- 65. Create Structure of Posts Section
  
  6:30
- 66. Add CSS to Posts Section
  
  7:44
- 67. Structure of 'Who to Follow' Section
  
  4:44
- 68. Add CSS to 'Who to Follow' Section
  
  9:04
- 69. Create Post Button
  
  4:15
- 70. What is JavaScript
  
  5:39
- 71. Variables in JavaScript
  
  7:24
- 72. Data types in Javascript
  
  6:22
- 73. Operators
  
  6:12
- 74. Type Coercion
  
  6:07
- 75. Conditional Statements
  
  7:55
- 76. Functions
  
  7:42
- 77. Arrow Functions
  
  4:00
- 78. Arrays
  
  7:28
- 79. Objects
  
  5:46
- 80. Loops
  
  10:53
- 81. Template Strings
  
  4:40
- 82. What is DOM
  
  3:34
- 83. How to Select and Manipulate Elements Part 1

Front End Web Development Bootcamp - Twitter Clone

George Lomidze, Developer / Designer / Online Teacher

Watch this class and thousands more

Watch this class and thousands more

Lessons in This Class

1. Promo

2. Introduction

3. Setup

4. What is HTML

5. Basic HTML Document

6. HTML Headings and paragraphs

7. HTML Lists

8. Links

9. Images

10. Forms - Part 1

11. Forms - Part 2

12. Semantic Tags

13. What is CSS and how to write it

14. CSS Selectors

15. Colors

16. Text Formatting

17. Fonts

18. Box Model

19. Pseudo Classes

20. Pesudo Elements

21. Measurement Units - Part 1

22. Measurement Units - Part 2

23. Positions - Part 1

24. Positions - Part 2

25. Floats

26. Backgrounds - Part 1

27. Backgrounds - Part 2

28. Shadows

29. Transitions

30. Transforms - Part 1

31. Transforms - Part 2

32. Introduction to CSS Flexbox

33. Flex Container Properties

34. Flex Item Properties

35. CSS Grid Introduction

36. CSS Grid Setup

37. How to create Grid

38. Fractional Units

39. How to position Grid items

40. Naming Grid items - Part 1

41. Naming Grid items - Part 2

42. Naming Grid areas

43. Explicit and Implicit Grids

44. Aligning Grid items

45. Aligning Grid Tracks

46. max-content - min-content - minmax()

47. auto-fill and auto-fit

48. Project Twitter Clone Main Page Overview

49. Create Structure of Main Page

50. Add CSS to Main Page - Part 1

51. Add CSS to Main Page - Part 2

52. Add CSS to Main Page - Part 3

53. Add CSS to Main Page - Part 4

54. Add CSS to Footer of Main Page

55. Create Structure of Login Page

56. Layout of Elements

57. Add CSS to Navigation

58. Add CSS to Login - Part 1

59. Add CSS to Login - Part 2

60. Create Structure of Navigation

61. Add CSS to Navigation in News Feed Page

62. Create Structure of News Feed Header

63. Add CSS to News Feed Header - Part 1

64. Add CSS to News Feed Header - Part 2

65. Create Structure of Posts Section

66. Add CSS to Posts Section

67. Structure of 'Who to Follow' Section

68. Add CSS to 'Who to Follow' Section

69. Create Post Button

70. What is JavaScript

71. Variables in JavaScript

72. Data types in Javascript

73. Operators

74. Type Coercion

75. Conditional Statements