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 Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Emotional Intelligence
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native 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
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Cleaning
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing 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

This course includes:

  • 32 hours on-demand video
  • 1 article
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Front End Web Development

Modern Web Development || Zero To Front End

Learn senior front end developer skills from HTML,CSS,JavaScript,React,Hooks,Context API,Testing CI and more
Rating: 4.2 out of 54.2 (55 ratings)
3,154 students
Created by Abd Alwahab
Last updated 10/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Build Advanced Web Application
  • Learn HTML5 CSS3
  • Get The First Job as Web Design
  • Master React
  • Write Tests

Course content

37 sections • 230 lectures • 31h 56m total length

  • Preview06:16
  • Preview04:56
  • Let us try git for the first time
    09:14
  • Let us work with visual studio code (VSC)
    10:03
  • What is HTML and CSS ?
    07:11
  • Different Types of Tags in HTML
    10:04
  • CSS in Action intro
    08:29
  • Let us take an exercise part 1
    17:55
  • finish the exercise
    09:45

  • Section Intro
    01:02
  • Create The Files For the Project
    06:02
  • add the html for the first project
    05:28
  • add the style to the first project
    11:51

  • more advanced type of navigation part 1
    08:10
  • style the navigation
    13:03

  • Build Instagram Navigation Clone
    09:53
  • Finish The challenge
    09:50

  • Preview00:50
  • build basic type of header
    05:38
  • Finish The Header
    17:42

  • add the html for the header
    03:21
  • Finish The Header
    07:11

  • add the html for the header challenge
    07:46
  • add the style to the header challenge
    07:52
  • Finish The challenge
    10:38

  • Preview00:40
  • one column layout
    07:45
  • Two Column Layout
    08:32
  • Three Column Layout
    06:48
  • Four Column Layout
    08:56

  • Preview00:40
  • Images as Background fro the Sections
    04:01
  • Add The Footer to the page
    06:20
  • Add Animation to the page
    09:06
  • add title to the sections
    08:48

  • Preview00:30
  • write comments in the code
    08:23
  • clean up the css fils with the classes
    11:56
  • intro to the BEM notation
    10:37

Requirements

  • mac,windows or linux

Description

Welcome to Modern Front-End Development || Zero To Mastery!

This is the only path that you need to start new job as front end developer .

in this course you will learn the technical skills that any senior Front end developer has and you will apply theme in action by getting a job .


Tools We Need:

00-Visual Studio Code

01-Web Browser (Chrome,Safari,Firefox)

02-Git Bash (Git command Line)

Skills:

00- HTML5 && CSS3

01-SASS

02- Git && Github

03- Responsive Web Design

04- Web Accessibility

05- JavaScript && ES6

06- React (Context API and Hooks)

07- Testing With Jest and Enzyme

08- Job Interviews


-each one of these skills will take a lot of time to understand 100%

- learn HTML5 include HTML5 tags and Semantic HTML5

- learn CSS3 include building layouts with Flexbox, Grid, Position and style advance Website   

- learn Web Accessibility include support your website to more amount of users

- learn Git and Github include push your website live on the web

- learn Responsive Web Design include (Responsive Layouts - Responsive Images - Cross Browser Support )

- learn javascript include ( basics javascript - intermediate javascript - advanced javascript )

- learn React include ( create-react-app - component - state - Life Cycle - API Requests - CRUD - Context API - Hooks )

- learn Testing include test plain JavaScript Code and Testing React Applications


-other topics will be explained:

-we will start the course by teaching you basics of building websites then we will keep moving from the easy to the intermediate then to the advanced topics all with real world projects

-Through out this course you will understand how to think like a programmer

-we will show you what a poor developer looks like just to make you able to avoid that

-been able to use the most recent tools

-refactoring any code to be more readable


Hopefully Your are interested into learning FrontEnd Development !

if you are then let us get started .

Who this course is for:

  • new Developer
  • Designers
  • Anyone else

Instructor

Abd Alwahab
Software Developer
Abd Alwahab
  • 4.5 Instructor Rating
  • 633 Reviews
  • 13,366 Students
  • 4 Courses

with a country like Iraq that has a lot of problems, that’s need a lot of solutions to improve the human life. as programmers we have a lot of value that we can offer to the world. I am Abd Alwahab Abdullah, Full Stack Developer with 4 years of Expereance , I used to teach people how to code and make hight quality and scalable applications, I have taught more than 15,000 Students around 132 countries how to code, also I am the author of 4 Android Applications that been used by 20,000 users around the world.

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