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

General Description

How To Become Front-End Web Developer

A front-end developer is a person who develops the user interface of the website and applications. They are responsible for determining the structure and design of the web application, build features to improve user experience, make a balance between design and functionality, optimize web app for different devices, optimize pages for speed and scalability, use different markup languages for coding web pages, maintain brand consistency and write reusable codes. In simple terms, front-end development refers to the lines of code that determine the operation and structure of the user interface.


HTML and CSS Design Book


Those who want to learn how to design and build websites from scratch.

Anyone who has a website (that may be built using a content management system, blogging software, or an e-commerce platform) and wants more control over the appearance of their pages.

these books also added practical information on topics I am commonly asked about, such as how to prepare images, audio and video for the web, how to approach the design and build of a new site, how to improve your rankings in search engines (SEO), and how to use Google Analytics to learn about visitors to your site.


Front End Development book

It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondarily, it can be used by managers, CTOs, instructors, and head hunters to gain insights into the practice of front-end development.


The content of the handbook favors web technologies (HTML, CSS, DOM, and JavaScript) and those solutions that are directly built on top of these open technologies. The materials referenced and discussed in the book are either best in class or the current offering to a problem.


Step-by-step guide to becoming a modern frontend developer

Want to become a front-end developer? Do you know what tools, technologies and programming languages will be best for it? Today, we will help you out with all the questions you might have for building a career as a front-end developer. Please note that this roadmap is merely here to help you identify what you should learn next and understand the need for certain tools and frameworks.


Learn all of the skills, tools, and processes you need to become a Front-End Web Developer.



Read More

Read Less

Cookies

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