Become a Front-End Developer: HTML, CSS & Bootstrap

Focused View

Board Infinity

29:59:55

79 View

1 - Introduction to Front End Development

1 - Module Overview Fundamentals of Front End Development.html

2 - Introduction to Front End Web Development.mp4

02:29

2 - HTML Essentials

3 - What is HTML.mp4

02:13

4 - Installation of VS Code and First Web Page.mp4

03:45

5 - Basic HTML tags.mp4

04:33

6 - Formatting HTML Tags 1.mp4

12:43

7 - Formatting HTML Tags 2.mp4

12:01

8 - Formatting HTML Tags 3.mp4

07:35

9 - Forms and Input Tags 1.mp4

11:08

10 - Forms and Input Tags 2.mp4

08:14

11 - Forms and Input Tags 3.mp4

17:10

12 - Frame Tags.mp4

02:37

13 - Images Tags.mp4

17:42

14 - SVG Tags.mp4

05:04

15 - AudioVideo Tags.mp4

06:11

16 - Link Tags.mp4

06:41

17 - List Tags.mp4

05:31

18 - Table Tags.mp4

07:33

19 - Semantic Tags.mp4

08:50

20 - Semantic Tags Implementation.mp4

03:18

21 - Non Semantic Tags.mp4

04:12

22 - Head Meta Tags.mp4

07:06

23 - Programming Tags.mp4

02:30

3 - Styling with CSS

24 - What is CSS.mp4

09:37

25 - CSS Syntax.mp4

03:17

26 - CSS Simple Selector.mp4

11:39

27 - CSS combinator selectors.mp4

24:27

28 - Introduction to Pseudo Classes.mp4

01:59

29 - Linguistic Pseudo Classes.mp4

09:23

30 - Location Pseudo Classes.mp4

11:07

31 - User Action Pseudo Classes.mp4

22:54

32 - Input Pseudo Classes.mp4

15:42

33 - Input Pseudo Classes Part1.mp4

17:48

34 - Input Pseudo Classes Part2.mp4

11:27

35 - Tree Structural Pseudo Classes Part1.mp4

06:58

36 - Tree Structural Pseudo Classes Part2.mp4

12:23

37 - Pseudo Elements Selectors.mp4

17:44

38 - Attribute Selectors.mp4

17:34

39 - CSS Colors.mp4

08:36

40 - CSS Background.mp4

07:26

41 - CSS Box Model.mp4

12:19

42 - CSS Box Sizing.mp4

12:38

43 - CSS Fonts property.mp4

10:41

44 - CSS Text Property.mp4

13:09

45 - How to add Icons in CSS.mp4

06:10

46 - CSS List Style.mp4

06:19

47 - CSS Tables.mp4

08:24

48 - CSS Positions.mp4

15:54

49 - CSS Float.mp4

06:38

50 - CSS Display.mp4

14:20

51 - CSS Flexbox.mp4

13:06

52 - CSS Grid.mp4

12:29

53 - CSS Vertical Horizontal Navigation Bars.mp4

20:05

54 - CSS Dropdowns.mp4

15:07

55 - CSS Units.mp4

04:45

56 - CSS Image Gallery Sprites.mp4

07:36

57 - CSS Max Width and Margin.mp4

05:12

58 - Styling images Image reflections.mp4

11:45

59 - CSS Forms.mp4

16:45

60 - CSS Counters.mp4

10:43

61 - CSS Gradients.mp4

12:47

62 - CSS Text Effects.mp4

13:01

63 - CSS 2D3D Transforms.mp4

35:32

64 - CSS Transitions.mp4

13:01

65 - CSS Animations.mp4

17:57

66 - CSS Object Fit Positions.mp4

06:23

67 - CSS Media Quries.mp4

03:55

68 - CSS Pagination.mp4

12:11

69 - CSS Multiple Columns.mp4

03:10

70 - CSS variables UI.mp4

08:24

4 - Responsive Design with Bootstrap

71 - Introduction to Bootstrap.mp4

03:09

72 - Bootstrap colors.mp4

03:02

73 - Bootstrap containers.mp4

09:54

74 - Bootstrap Grid system.mp4

11:39

75 - Bootstrap Spacing.mp4

06:55

76 - Bootstrap columns.mp4

09:47

77 - Bootstrap Display property.mp4

08:50

78 - Bootstrap Tables.mp4

08:10

79 - Bootstrap custom jamborton.mp4

10:55

80 - Bootstrap Carousel.mp4

14:26

81 - Bootstrap Nav Bar.mp4

15:03

82 - Bootstrap Cards.mp4

02:01

83 - Bootstrap Buttons.mp4

03:20

84 - Bootstrap badgesprogress barspinners.mp4

08:06

85 - Pagination.mp4

12:11

86 - Dropdowns.mp4

05:36

87 - ModalsTooltipPopover.mp4

05:57

88 - Scrollspyoffcanvas.mp4

05:44

89 - Simple Landing Page Project using BS.mp4

25:02

90 - Simple Landing Page Project using BS.mp4

18:06

91 - Simple Landing Page Project using BS.mp4

20:40

5 - Fundamentals of Computer Science

92 - Module Overview Fundamentals of Computer Science.html

93 - Fundamentals of Computer Science.mp4

29:58

6 - Overview of Web Development Tools

94 - Module Overview Overview of Web Development Tools.html

95 - Git Introduction and Installation.mp4

07:33

96 - Git environment setup and basic concepts.mp4

12:16

97 - Git Life Cycle.mp4

08:18

98 - Git Create Local Repository and Cloning Remote Repository.mp4

09:26

99 - Git addremove fields and commit.mp4

08:19

100 - Git Check status and Push.mp4

07:21

101 - Git Branch.mp4

07:28

102 - Git Pull.mp4

03:12

103 - Intrdocution to Postman.mp4

11:10

7 - Programming Fundamentals with JavaScript

104 - Module Overview Programming Fundamentals with JavaScript.html

105 - Introduction to JavaScript.mp4

09:56

106 - JavaScript Datatypes And Variables.mp4

25:57

107 - JavaScript Operators.mp4

05:25

108 - JavaScript Conditions.mp4

13:25

109 - JavaScript Loops.mp4

16:54

110 - JavaScript Strings.mp4

18:29

111 - JavaScript Arrays.mp4

21:57

112 - JavaScript Objects.mp4

40:33

8 - Front End Frameworks

113 - Module Overview Front End Frameworks.html

114 - React Introduction.mp4

11:15

115 - React Installation and First React App.mp4

26:37

116 - React Directory structure and JSX.mp4

21:36

117 - React Components.mp4

28:10

118 - React States.mp4

15:43

119 - React Props.mp4

16:24

120 - React useEffect Hook.mp4

07:25

121 - Making API Calls with useEffect Hook.mp4

12:00

122 - useContext Hook.mp4

12:57

123 - Virtual DOM in reactjs.mp4

11:11

124 - React Redux.mp4

19:30

125 - Small Project Demonstration using React JS.mp4

27:21

126 - Introduction to Angular.mp4

18:18

127 - Environment Setup and Installation of Angular.mp4

09:22

128 - Angular Project Structure.mp4

21:47

129 - Angular Life Cyle.mp4

11:35

130 - Angular Decorators.mp4

09:08

131 - Angular Component.mp4

18:21

132 - Angular Module.mp4

08:15

133 - Angular Data Binding One way and Two way Data Binding.mp4

08:34

134 - Angular Interpolation.mp4

06:44

135 - Angular Property Binding.mp4

08:07

136 - Angular Event Binding.mp4

11:23

137 - Angular Data Binding Two way data binding ngModel.mp4

11:36

138 - Angular Directive.mp4

03:55

139 - Angular Structural Directives.mp4

21:27

140 - Angular Pipes.mp4

07:59

141 - Angular Routing.mp4

24:34

142 - Angular Lazy Loading.mp4

12:25

143 - Angular Route Gaurds.mp4

13:26

144 - Angular Forms.mp4

06:39

145 - Angular Template Driven Form.mp4

14:38

146 - Angular Reactive Form.mp4

17:53

147 - Angular Observable.mp4

17:54

148 - Angular Dependency Injection.mp4

03:43

149 - Angular Services and HTTP Services.mp4

20:25

9 - Advanced Front End Development with JavaScript

150 - Module Overview Advanced Front End Development with JS.html

151 - Javascript Advanced.mp4

16:21

152 - Javascript Callback Functions.mp4

07:09

153 - Introduction To Dom Manipulation.mp4

07:54

154 - Javascript Dom Manipulation.mp4

12:43

155 - Javascript Events.mp4

06:25

156 - JavaScript Form Validation.mp4

05:59

157 - Javascript AsyncAwait.mp4

16:10

158 - Javascript Promise.mp4

23:14

Description

Master Front-End Web Development: From JavaScript Fundamentals to Advanced React Techniques.

What You'll Learn?

Master advanced JavaScript, including ES6 features, asynchronous operations, and callback functions to build robust web applications.
Acquire expertise in front-end frameworks, with a focus on React, to develop scalable, efficient, and responsive web interfaces.
Solidify your grasp on core programming concepts using JavaScript, laying the groundwork for advanced topics.
Learn the fundamentals of web development tools, DOM manipulation, and front-end best practices to ensure seamless user experiences.

Who is this for?

This course is designed for anyone, from curious beginners to advanced professionals who is eager to dive deep into the world of front-end web development using JavaScript and React.

What You Need to Know?

Familiarity with basic web development concepts, including HTML, CSS, and foundational JavaScript.

Comfort using a code editor like Visual Studio Code and performing basic command-line operations.

More details

Description
Welcome to "Become a Front End Developer." Dive into this immersive course, crafted for those ready to master the exciting world of front-end web development.

Start your transformative journey by understanding the foundational elements of web design. As you move forward, delve deeper into "Advanced Front End Development with JS." Here, you'll explore the intricacies of DOM Manipulation and the power of advanced JavaScript. Each module is carefully curated, ensuring a balance between core principles and the latest trends in front-end development.

A standout feature of this course is its emphasis on modern web best practices. You'll be introduced to responsive design, web accessibility, and performance optimization. In a digital age where user experience is paramount, these skills will ensure your web applications stand out, offering users an unparalleled experience across devices and platforms.

Interactive lessons are integrated throughout the course, promoting active learning and enabling you to immediately apply the theories you've grasped. This hands-on approach ensures a robust understanding, bridging the gap between theoretical knowledge and practical implementation. Dive into real-world projects, tackle challenges, and collaborate, ensuring you're industry-ready by the course's end.

By the end of this transformative journey, you will be well-equipped with the skills and knowledge required to craft captivating and responsive web designs, making you a sought-after asset in the ever-evolving tech industry. Dive in and let your journey to becoming a proficient front-end developer commence!
Who this course is for:
This course is designed for anyone, from curious beginners to advanced professionals who is eager to dive deep into the world of front-end web development using JavaScript and React.

User Reviews

Rating

average 0

Total votes0

Focused display

Board Infinity is a full-stack career platform empowering students and job seekers with personalized learning paths, expert career coaches, and exclusive opportunities. It bridges education and employment, fostering lifelong learning, adaptability, and success in a competitive job market. Get ready to excel and achieve your true potential with Board Infinity.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.