Master Front End Web Development-Build 3 Portfolio Projects

Master Front End Web Development-Build 3 Portfolio Projects, available at $59.99, has an average rating of 4.75, with 80 lectures, based on 12 reviews, and has 85 subscribers.

You will learn about Writing CSS in Plain HTML , React , Tailwind CSS Advantages of Tailwind CSS over Pure CSS CSS Colours , Heights , Widths , Sizes , Flexboxes and Alignments , Positions (Static , Relative , Absolute) , Keyframes and Animations Bootstrap and Overriding bootstrap classes Inline styling and External Styling Resources and Deployment for 3 Projects This course is ideal for individuals who are Front End Developers or React Developers or UI Developers or Students who what to master front end web development It is particularly useful for Front End Developers or React Developers or UI Developers or Students who what to master front end web development.

Enroll now: Master Front End Web Development-Build 3 Portfolio Projects

Summary

Title: Master Front End Web Development-Build 3 Portfolio Projects

Price: $59.99

Average Rating: 4.75

Number of Lectures: 80

Number of Published Lectures: 80

Number of Curriculum Items: 80

Number of Published Curriculum Objects: 80

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Writing CSS in Plain HTML , React , Tailwind CSS
Advantages of Tailwind CSS over Pure CSS
CSS Colours , Heights , Widths , Sizes , Flexboxes and Alignments , Positions (Static , Relative , Absolute) , Keyframes and Animations
Bootstrap and Overriding bootstrap classes
Inline styling and External Styling
Resources and Deployment for 3 Projects

Who Should Attend

Front End Developers
React Developers
UI Developers
Students who what to master front end web development

Target Audiences

Front End Developers
React Developers
UI Developers
Students who what to master front end web development

Hi Guys ,

Welcome to the course ‘ Master Front End Web Development-Build 3 Portfolio Projects ‘

In this course you will learn how to build and deploy your own portfolio with 3 different tech stacks. The styling and theme will be completely different in every project.

We will use the following tech stacks in our 3 projects.

1. HTML , CSS , Bootstrap

2.React and Pure CSS

3.React and Tailwind CSS

This is the one and only course to master your CSS skills in different platforms. Because the css will be same behind the scenes but in actual implementation it will be difficult.

We will learn the following the following topics by the end of the course.

1 . Writing CSS in Plain HTML , React , Tailwind CSS

2. Advantages of Tailwind CSS over Pure CSS

3. CSS Colours , Heights , Widths , Sizes

4. Flexboxes and Alignments

5. Bootstrap and Overriding bootstrap classes

6. Inline styling and External Styling

7. Positions (Static , Relative , Absolute)

8. Keyframes and Animations

9. Single page applications and Components

10 . States and Props

11 . Tailwind Installation and Configuration

12 . Working with tailwind css and pure css simultatniously

12 . Deployment to netlify

HTML

The HyperText Markup Language, or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript.

CSS

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

Bootstrap

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

Course Curriculum

Chapter 1: Promo & Resourses

Lecture 1: Introduction

Chapter 2: Portfolio with HTML & CSS

Lecture 1: Portfolio 1 – Promo

Lecture 2: Project Setup

Lecture 3: Header Part – 1

Lecture 4: Header Part – 2

Lecture 5: Intro Part – 1

Lecture 6: Intro Part – 2

Lecture 7: Intro Part – 3

Lecture 8: Services Part – 1

Lecture 9: Services Pat – 2

Lecture 10: Skills

Lecture 11: Experience

Lecture 12: Projects Part – 1

Lecture 13: Projects – Part 2

Lecture 14: Projects Part – 3

Lecture 15: Contact Form

Lecture 16: Footer

Lecture 17: Hyperlinks for menus

Lecture 18: Deployment

Chapter 3: Portfolio with React – Part 1

Lecture 1: React App Setup

Lecture 2: Routing and Folder Structure

Lecture 3: Intro Section – 1

Lecture 4: Intro Section – 2

Lecture 5: Header position and Menu

Lecture 6: Header styling

Lecture 7: Header responsiveness

Lecture 8: Image courosel – 1

Lecture 9: Image courosel – 2

Lecture 10: JS Section

Lecture 11: Techstack

Lecture 12: Who I am I

Chapter 4: Portfolio with React Part – 2

Lecture 1: Projects Intro

Lecture 2: Projects List – 1

Lecture 3: Projects List -2

Lecture 4: Projects List – 3

Lecture 5: Courses Intro – 1

Lecture 6: Courses Intro – 2

Lecture 7: Why choose us – 1

Lecture 8: Why choose us – 2

Lecture 9: Courses List

Lecture 10: Contact Page – 1

Lecture 11: Contact Page – 2

Lecture 12: Footer Part – 1

Lecture 13: Footer Part – 2

Lecture 14: Adding animations

Lecture 15: CSS Fixes

Lecture 16: Deployment

Chapter 5: Tailwind Basics

Lecture 1: Tailwind Demo

Lecture 2: Colors

Lecture 3: Heights and Widths

Lecture 4: Spaces

Lecture 5: Buttons and Borders

Lecture 6: Flexboxes

Lecture 7: Grids and Responsiveness

Chapter 6: Portfolio with Tailwind Part – 1

Lecture 1: Tailwind Config

Lecture 2: Project Folder Structure

Lecture 3: Layout

Lecture 4: Navbar – 1

Lecture 5: Navbar – 2

Lecture 6: Navbar – 3

Lecture 7: Home page intro – 1

Lecture 8: Homepage intro – 2

Lecture 9: Technologies Part – 1

Lecture 10: Technologies Part – 2

Lecture 11: JS Buff – 1

Lecture 12: JS Buff – 2

Lecture 13: Dev Stack

Lecture 14: Dev Info Blob

Chapter 7: Portfolio with React and Tailwind – 2

Lecture 1: Projects Intro

Lecture 2: Projects Static Data

Lecture 3: Show Projects

Lecture 4: Hover Effect

Lecture 5: Courses Intro

Lecture 6: Courses Representation

Lecture 7: Contact page intro

Lecture 8: Contact form

Lecture 9: Footer part – 1

Lecture 10: Footer part – 2

Lecture 11: Animations and bug fixes

Lecture 12: Deployment to netlify

Instructors

K.Sathyaprakash Reddy
Full Stack Developer

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 4 votes
5 stars: 8 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!

Menu