Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Front End Web Development

Front End Web Development: Complete Guide (Step by Step)

Learn Complete Front End Web Development with HTML5, CSS3, Bootstrap 5, JavaScript, ECMAScript 6, Angular & React JS
Rating: 4.4 out of 54.4 (961 ratings)
51,379 students
Created by Fatah Gabrial
Last updated 8/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • You will learn complete front-end web development from scratch
  • You will learn to build Modern websites Angular & React JS
  • You will learn to build Bootstrap 5 Web Applications
  • You will learn HTML5 & CSS3 from scratch, & build a full working website
  • You will learn Complete JavaScript + ECMA Script 6 (ES6) from scratch
  • You will build front-end Reactive Web applications with CRUD
Curated for the Udemy for Business collection

Course content

27 sections • 215 lectures • 13h 21m total length

  • Preview00:59
  • Preview00:53
  • Preview01:27
  • Preview01:56

  • Preview03:17
  • HTML5 Basics
    01:53
  • Headings & Paragraphs
    01:39
  • Text Formatting
    03:37
  • Links in HTML5
    02:13
  • HTML5 Nested Links
    03:20
  • HTML5 Lists
    02:33
  • Working with Images
    02:49
  • Tables in HTML5
    03:42

  • Forms in HTML5
    03:14
  • Creating a Contact Form
    02:54
  • Creating a Login Form
    02:30
  • Creating a Registration Form
    05:11

  • Grouping Elements
    02:13
  • HTML5 Media Tags
    02:01
  • IFrames in HTML5
    04:08
  • Figure Tag in HTML5
    00:53
  • Collapse Elements with Details Tag
    02:02

  • Creating The Header
    02:36
  • Creating Nav Menu
    01:21
  • Creating The Banner
    01:35
  • Adding Content to Page
    01:38
  • Creating The Sidebar
    01:36
  • Building Page Footer
    03:24
  • Adding Copyright
    00:55

  • Preview02:41
  • Internal CSS
    02:04
  • External CSS
    01:31
  • Box Model in CSS
    03:07
  • Targeting Elements in CSS
    06:10
  • Designing with Box Model
    04:47

  • Building The Container
    04:00
  • Building The Website Header
    03:38
  • Creating The Nav Bar
    04:24
  • Making Drop-Down Menu
    03:17
  • Creating Image Slider
    04:04
  • Making Content Holder
    03:23
  • Creating Sidebar
    03:21
  • Making Footer
    08:49
  • Creating About-us Page
    02:16
  • Creating Services Pages
    03:50
  • Building The Products Page
    08:57
  • Building Contact Page
    04:27
  • Adding Nav-Menu
    03:43
  • Responsive Design (RWD) Explained
    03:54
  • Animation with CSS3
    06:51

  • Preview02:08
  • Preview00:37
  • Preview01:14
  • JavaScript Statements
    02:32
  • Placements in JavaScript Part-1
    01:11
  • Placements in JavaScript Part-2
    03:14

  • Variables in JavaScript
    01:59
  • Conditions in JavaScript
    03:00
  • Operators in JavaScript
    08:47
  • Working with Browser Console
    02:38
  • Loops in JavaScript
    07:42
  • Functions in JavaScript
    05:01
  • Creating Custom Loops with Functions
    04:05

  • Working with Arrays
    03:31
  • Numbers in JavaScript
    04:23
  • Strings in JavaScript
    04:30
  • Working with Dates Object
    02:36
  • Objects in JavaScript
    02:48

Requirements

  • All you need is a PC / Laptop
  • Decent internet connectivity

Description

In this Front End Web Development - Complete Guide (Step by Step) you will learn complete front end development from scratch. You will learn complete HTML5, CSS3 step by step. Later you will learn to add interactivity with JavaScript. You will also learn the modern JavaScript techniques with ECMA Script 6.

The next big step would be to learn Bootstrap 5 which is the latest and the most popular CSS framework available. Here you will learn to create 3 Live Projects. As the 1st project you will learn to create a EMS Web App also known as Employee Management System.

2nd project we will see how to create a full blog from beginner to Advanced Level. As the 3rd project you will create a professional website.

Once you have completed the Bootstrap 5 the next topic would be to get started with Angular. In the Angular Topic you will learn the beginners level to integrate angular to any HTML5 and CSS3 App.

Then with the help of React JS we will see how to build a Scratch Pad App from Beginner to Advanced level.

Who this course is for:

  • Anyone who is interested to learn Front-End Web development from Scratch
  • Anyone who wants to start career in web development

Instructor

Fatah Gabrial
Professional Trainer
Fatah Gabrial
  • 4.3 Instructor Rating
  • 9,495 Reviews
  • 236,574 Students
  • 24 Courses

Fatah Gabrial is a Graphic Designer, Web Designer, Web Developer, Digital Marketer and loves to teach. He has been teaching online and offline to people for more that 10+ years now, where he has help more than 100’s of people to setup their own business.


In addition, Fatah Gabrial loves to code & design more than anything. He can easily adapt to any new technologies, which helps him learn anything faster. He also likes to keep upgrading my skills as often as possible.


Fatah Gabrial has also worked on many platforms like WordPress, Angular, ReactJS, Python, Django and many more. He is also an SEO – Search Engine Optimization specialist which is a huge advantage if you are looking for Digital Marketing.


In addition to that Fatah Gabrial owns a Professional Training Institute in Bangalore ZINFOMATIC. Where he educates students and other candidates on all the new and professional platforms like Graphic, Web, Design, Development, SEO and Digital Marketing.


Here are what some of the students say about Fatah Gabrial, these reviews are directly from Google. So, you can check it out. Just look for ZINFOMATIC and you will find all the info you need.


Reviews from Genuine Students:

--------------------------------------

“Hi everyone. I joined here for angular course. and I must say the training is really good. am very satisfied. I would recommend you guys also to join here”.

- Siddegowda N


“I had been looking for web design class but couldn't find any. After long time somebody suggested me to join here. Now am really happy that I joined here. so far, the classes are great... Here they have given us many advantages. am glad I joined here”

- nehaammu ammu


“I joined here for web designing course. the course is very nice and well structured. affordable fee and nice training.”

- Paramesh G P


“This is best institute to learn web development guys. Don't think just join. I joined last year and today am a freelance. They also gave me Internship and projects.”

- Mohan M


“Value for money. I mean their pricing is reasonable. I say this because I compared many institutions with what they teach and how they charge. I felt zinfomatic price is very reasonable.”

- Mallu S

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.