Web Development Foundation: Learn HTML5, CSS3 & Bootstrap

سرفصل های دوره

Build Responsive Websites With HTML5 & CSS3 (Flexbox, Grid, Transitions, Animation, SVG) / Along with Bootstrap & SASS

1 - Course Introduction

1 - Introduction & Curriculum Walkthrough

2 - Welcome Lets Get Started

2 - Resources & Setup

3 - Resources Important

3 - complete resources.zip

3 - lecture code files github.zip

3 - project code files github.zip

4 - Resources Important.html

5 - How Web Works Optional

6 - Environment Setup

3 - HTML Fundamentals

7 - HTML Introduction

8 - Head Section

9 - Common HTML Tags

10 - Media Tags

11 - Linking Page

12 - Forms I

13 - Forms II

14 - Comments

15 - List

16 - Tables

17 - Inline and Block

18 - Id & Classes

4 - HTML Semantics

19 - Semantics I

20 - Semantics II

21 - HTML Entity

5 - CSS Fundamentals 10

22 - Introduction To CSS

23 - CSS Types and Order

24 - Selectors

25 - Selector Game I

26 - Selector Game II

27 - Specificity R029

28 - Common Properties

6 - CSS Fundamentals 20

29 - Box Model

30 - Box Sizing

31 - Box Model Values

32 - Unit Values

7 - CSS Fundamentals 30 Display & Positions

33 - Display

34 - Display vs Visibility

35 - Position R041

36 - Z Index

37 - Pseudo Elements & Pseudo Classes R042

8 - CSS Fundamentals 40 Responsive Web Design

38 - Responsiveness Media Query R043

39 - Viewport Units Height & Width R044

9 - Project 1 Profile Card

40 - Project Source Code Github.html

41 - Transform R045

42 - Position R046

43 - Google Font

44 - Button Design

45 - Margin Auto vs Text Align Center

46 - Box Shadow

47 - Icons

48 - Color suggestion

49 - CSS Sequence Advise

10 - Project 2 Login Page

50 - Project Source Code Github.html

51 - Background Gradient

52 - Input fields

53 - Forgot Password

54 - Login Button

55 - Min Max Width

11 - Layout 1 Flexbox

56 - Flexbox Introduction

57 - Parent Properties

58 - Child Properties

59 - Flexbox Tool

60 - Flexbox Game R063

12 - Project 3 Spotify Clone Using Flexbox

61 - Project Source Code Github.html

62 - Flexbox Project R075

63 - Header I

64 - Header II Logo

65 - Main I R078

66 - Main II R079

67 - Background Image R080

68 - Footer I R081

69 - Footer II R082

70 - Footer III

71 - Footer IV R084

72 - Responsive Design Main R085

73 - Responsive Design Header R086

74 - Responsive Design Footer R087

75 - Variables I R088

76 - Variables II R089

13 - CSS Advanced 10

77 - Backgrounds

78 - Background Clip R091

79 - Background Shorthand

80 - Transform R093

81 - CSS Art Border and Border Radius

82 - CSS Art Border Radius R095

83 - CSS Art Designing Shapes R096

14 - CSS Advanced 20 SVG Scalable Vector Graphics

84 - SVG Fundamentals R098

85 - SVG Design & Tools

15 - CSS Advanced 30 Transition & Animation

86 - Transition R101

87 - Animations I

88 - Animations II R103

16 - Layout 2 CSS Grid

89 - CSS Grid Introduction R104

90 - Row and Columns

91 - Common Properties

92 - Shorthand Property

93 - Grid Template Area

94 - Nested Grid

95 - Align Properties

96 - CSS Grid Game R114

97 - Autofit vs Autofill R116

17 - Browser Compatibility

98 - Browser Compatibility Vender Prefix Code

18 - Project 4 Testimonial Page Using CSS Grid

99 - Project Source Code Github.html

100 - CSS Grid Project

101 - Feedback Card

102 - Utility CSS

103 - Feedback Card

104 - Mobile Responsive

19 - SASS CSS Preprocessor

105 - SCSSSASS Introduction

106 - Concepts Variables Nesting

107 - Concepts Partials Modules

108 - Concepts ExtendInheritance

109 - Concepts Mixins and Operators R129

20 - Project 5 Portfolio Website Using Bootstrap

110 - Project Source Code Github.html

111 - Bootstrap Introduction Project Demo

112 - Utilities

113 - Layouts Container Grid

114 - Layouts Container Grid

115 - Components

116 - Portfolio Project Main Section

117 - Portfolio Project AboutBlog Section

118 - Portfolio Project Contact Section

119 - Portfolio Project Footer

120 - Portfolio Project Project Section

121 - Project Completion

21 - Project 6 EdTech Startup Landing Page

122 - Project Source Code Github.html

123 - EdTech Landing Page R151

124 - Initial Project Setup

125 - Navigation

126 - Banner Section I

127 - Banner Section II

128 - Transition Transform Animation R157

129 - Building Theme

130 - Stats Section I R159

131 - Stats Section II Flexbox

132 - Information Section R161

133 - Working Section CSS Grid R162

134 - Footer SVG R163

135 - Animate CSS CSS Library

136 - Scroll Bars R166

137 - Responsiveness I Media Queries R167

138 - Responsiveness II Media Queries R168

139 - Hamburger Menu I

140 - Hamburger Menu II R170

22 - Deployment Your Website On Web

141 - Project Deployment Using Netlify

23 - Bonus What Next

142 - Bonus What Next

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training