HOT
blank

Modern Web Development || Zero To Front End

Development

Rating3.7
Enroll Now

Modern Web Development || Zero To Front End, available at $59.99, has an average rating of 3.65, with 230 lectures, based on 75 reviews, and has 3253 subscribers.

You will learn about Build Advanced Web Application Learn HTML5 CSS3 Get The First Job as Web Design Master React Write Tests This course is ideal for individuals who are new Developer or Designers or Anyone else It is particularly useful for new Developer or Designers or Anyone else.

Enroll now: Modern Web Development || Zero To Front End

Summary

Title: Modern Web Development || Zero To Front End

Price: $59.99

Average Rating: 3.65

Number of Lectures: 230

Number of Published Lectures: 230

Number of Curriculum Items: 230

Number of Published Curriculum Objects: 230

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

  • new Developer
  • Designers
  • Anyone else

Target Audiences

  • new Developer
  • Designers
  • Anyone else

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 .

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Outline

Lecture 2: Download The Tools That We need

Lecture 3: Let us try git for the first time

Lecture 4: Let us work with visual studio code (VSC)

Lecture 5: What is HTML and CSS ?

Lecture 6: Different Types of Tags in HTML

Lecture 7: CSS in Action intro

Lecture 8: Let us take an exercise part 1

Lecture 9: finish the exercise

Chapter 2: Build The Navigation of The Website

Lecture 1: Section Intro

Lecture 2: Create The Files For the Project

Lecture 3: add the html for the first project

Lecture 4: add the style to the first project

Chapter 3: more advanced type of navigation

Lecture 1: more advanced type of navigation part 1

Lecture 2: style the navigation

Chapter 4: Navigation Challenge for You

Lecture 1: Build Instagram Navigation Clone

Lecture 2: Finish The challenge

Chapter 5: Building The Header Basics Types

Lecture 1: Section Intro

Lecture 2: build basic type of header

Lecture 3: Finish The Header

Chapter 6: More Advanced Types of header

Lecture 1: add the html for the header

Lecture 2: Finish The Header

Chapter 7: The Header challenge For You

Lecture 1: add the html for the header challenge

Lecture 2: add the style to the header challenge

Lecture 3: Finish The challenge

Chapter 8: Start Working With Sections

Lecture 1: Section Intro

Lecture 2: one column layout

Lecture 3: Two Column Layout

Lecture 4: Three Column Layout

Lecture 5: Four Column Layout

Chapter 9: Style The Hole Page

Lecture 1: Section Demo

Lecture 2: Images as Background fro the Sections

Lecture 3: Add The Footer to the page

Lecture 4: Add Animation to the page

Lecture 5: add title to the sections

Chapter 10: One Step in the World of organization

Lecture 1: Section Intro

Lecture 2: write comments in the code

Lecture 3: clean up the css fils with the classes

Lecture 4: intro to the BEM notation

Chapter 11: Work With intermediate Layout Pages

Lecture 1: Section Demo

Lecture 2: The Three by Two Column Layout

Lecture 3: The Sub Three By Two Column Layout part 1

Lecture 4: The Sub Three By Two Column Layout part 2

Chapter 12: Layout Page challenges Advanced Layout Page

Lecture 1: Section Intro

Lecture 2: Challenge One Build Advanced Layout

Lecture 3: Challenge Two Udemy sections clone Build Advanced Layout

Lecture 4: Challenge Two Udemy sections clone Build Advanced Layout part 2

Lecture 5: Challenge Two Udemy sections clone Build Advanced Layout Finish The Challenge

Lecture 6: Challenge Three Build Advanced Layout

Lecture 7: Challenge Three Build Advanced Layout part 2

Lecture 8: Last Challenge Build Advanced Layout part 1

Lecture 9: Last Challenge Build Advanced Layout part 2

Chapter 13: Responsive Web Design (Layout)

Lecture 1: Section Intro

Lecture 2: Make the Service section responsive

Lecture 3: Make the our team section responsive

Lecture 4: Make the about section responsive

Lecture 5: Make the courses section responsive

Chapter 14: Advanced CSS3 and SASS With Modern Layout

Lecture 1: Section Intro

Lecture 2: 00-First Look at Sass

Lecture 3: 01-install node sass to compile sass code into css

Lecture 4: 02-build the nav with sass part 1

Lecture 5: 03-finish the hero of the header part 2

Lecture 6: 05-finish the side header part 3

Lecture 7: 04-finish the header part 4

Lecture 8: 06-apply the nesting from sass to our project

Chapter 15: Online Store Project (everything we have learned)

Lecture 1: Section Demo

Lecture 2: 00-online store Demo

Lecture 3: 01-build the online store Create The Files and Folders

Lecture 4: 02-build the online store Finish The Nav

Lecture 5: 03-Build online store Header Box part 1

Lecture 6: 04-built online store Header Box part 2

Lecture 7: 05-build online store The Header part 3

Lecture 8: 06-build online store The Header Content part 4

Chapter 16: Finish The About Section

Lecture 1: 07-build online store The About Section

Chapter 17: Finish The Categories Section

Lecture 1: 08-build online store The Categories Section part 1

Lecture 2: 09-build online Store The Categories part 2

Lecture 3: 10-build online Store The Categories part 3

Lecture 4: 10-build online Store The Categories part 4

Lecture 5: 11-build online Store The Categories part 5

Lecture 6: 12-build online Store The Categories part 6

Chapter 18: 03-Refactoring The Categories Section

Lecture 1: build online store refactoring part 1

Lecture 2: build online store refactoring part 2

Instructors

Rating Distribution

  • 1 stars: 3 votes
  • 2 stars: 2 votes
  • 3 stars: 4 votes
  • 4 stars: 16 votes
  • 5 stars: 50 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024