Course content 21h 35m
BOOTCAMP INTRODUCTION

1 Videos | Watch Time: 00m

  • Front-End BootCamp Introduction 00:42
STARTING BOOTCAMP

4 Videos | Watch Time: 44m

  • Starting Web-End Development Bootcamp - lesson 01 15:42
  • Starting Web-End Development Bootcamp - lesson 02 11:53
  • Starting Web-End Development Bootcamp - lesson 03 08:38
  • Starting Web-End Development Bootcamp - lesson 04 08:06
DEEPLY UNDERSTAND FRONT-END

9 Videos | Watch Time: 35m

  • Front-End 02:08
  • HTML & CSS 05:08
  • JavaScript 02:21
  • Bootstrap 03:18
  • GitHub 03:01
  • NPM 02:44
  • React . JS 05:50
  • API 03:41
  • Back-End Development 07:25
HTML

12 Videos | Watch Time: 02h 52m

  • Introduction to HTML 21:07
  • Web Development Setup 27:17
  • TEXT In HTML 24:18
  • Hyperlinks-01 12:35
  • Hyperlinks-02 06:51
  • Download Links 13:23
  • Images 10:34
  • Lists 12:23
  • Table 11:29
  • Video & Audio 15:42
  • Containers 10:16
  • Semantic Elements 06:40
Intermediate CSS

24 Videos | Watch Time: 06h 09m

  • What is CSS? 11:09
  • What we will Learn 12:50
  • Colors 21:21
  • Gradient 12:53
  • Selectors 21:21
  • Border 22:53
  • Styling List 14:40
  • CSS Table 18:50
  • Shadows 11:00
  • What is Typography? 12:21
  • Fonts Servicess 30:44
  • System Font Stack - 01 20:39
  • System Font Stack - 02 23:22
  • Inheritance 07:01
  • Relation Selector 07:14
  • Pseudo Class Selector 12:21
  • Pseudo Element Selectors 10:24
  • Selectors Specificity 18:20
  • CSS Box Model 16:01
  • Sizing Elements 13:52
  • Block and Inline Elements 07:44
  • Overflow 05:12
  • CSS Units 15:12
  • Position 21:47
Advance CSS

39 Videos | Watch Time: 07h 12m

  • Float 12:19
  • Flexbox 12:40
  • Alignment 10:52
  • Align Items 07:56
  • Align Content and Flex-warp 03:52
  • Align Content 06:55
  • Flex Flow 06:13
  • Sizing items 11:10
  • Grid 43:25
  • Placing Items 16:11
  • Media Queries 11:21
  • Syntax of a Media Query 03:17
  • Approaches 24:39
  • Breakpoints in Media Queries 08:52
  • Hiding Elements 03:02
  • Images In CSS 33:37
  • Clipping 03:42
  • CSS Sprites 12:14
  • Filter 03:36
  • High-Density Screen 12:35
  • Resolution Switching 18:23
  • Using Modern Image Formats 13:33
  • Art Direction 03:12
  • Fonts Icon 04:42
  • Form 12:30
  • Radio Buttons 05:33
  • Select Boxes 06:32
  • Data List 03:56
  • File Select Box 06:54
  • Input Restrictions 03:47
  • Creating CSS Form 07:28
  • Form Spree 06:29
  • Animation and Transitions 15:05
  • CSS Transition 09:26
  • CSS Animations 17:51
  • Writing Maintainable CSS Code 14:03
  • Organizing Your CSS 12:13
  • CSS Variables 10:22
  • Object Oriented CSS 11:58
Bootstrap V5

23 Videos | Watch Time: 04h 01m

  • Introduction 12:29
  • Why do we use Bootstrap? 08:00
  • Getting Started 11:17
  • Installing Bootstrap 5 16:36
  • Breakpoints 09:06
  • Grid 20:22
  • Columns 11:31
  • Gutters 04:19
  • Typography 06:32
  • Images 09:28
  • Tables 24:21
  • Figures 02:43
  • Form Control 11:51
  • Select 02:09
  • Check and Radio Buttons 14:05
  • Range 04:47
  • Input Group 08:36
  • Floating Labels 07:18
  • Layout 06:36
  • Validation 14:55
  • Buttons 17:43
  • Buttons Group 10:42
  • Badges 05:43
0 Notes
Start a free trial to continue learning Start your free trial to get access to hundreds of more courses and articles on Ulearna
This course is completed You can get now your certificate of completion

Front-End Web Development Bootcamp

saidshah Ahmadi. Front-End Developer

Front-End Web Development Bootcamp

saidshah Ahmadi . Front-End Developer

Project Description

Once you have completed coursework both in and out of the classroom, it is time to put your skills to the test.  For your Project, you will be assigned a real-world challenge to solve. Working closely with your instructor, you will need to design everything from start to finish.  Your instructor is there to guide you all along the way.

Whether beginning in a new field or continuing at your existing job, the goal of your project is to prepare you for the next step in your career. The specific project will vary according to the program or Bootcamp, your goals, and your instructor.


Turn an idea into a product in 2 weeks


The projected Phase is the ultimate experience of the course: invent, pitch, design, code and deploy an original project in teams of 3 or 4 people during the two final weeks. You will have to go through all the processes from the idea to the live app in production on a real domain name, ready to be tested on the market!


  • Define the Product's target users and unique value proposition

  • Build an interactive prototype with Figma to validate the UX

  • Split the work in your teams by defining and assigning user stories

  • Deploy your app on a production environment

  • Pitch your product during the Demo Day!


During our web development course, you learn the essentials of programming while building your own web applications.


Student Projects

Cookies

We use cookies to ensure you get the best experience on Ulearna.You can check our cookies policy here.