Master Front End Web Development-Build 3 Portfolio Projects

Focused View

K.Sathyaprakash Reddy

3:30:06

71 View

1. Introduction

1. Introduction.mp4

08:32

2. Portfolio with HTML & CSS

1. Promo.mp4

04:01

2. Project Setup.mp4

05:05

3. Header Part - 1.mp4

07:00

4. Header Part - 2.mp4

06:31

5. Intro Part - 1.mp4

06:38

6. Intro Part - 2.mp4

08:42

7. Intro Part - 3.mp4

08:10

8. Services Part - 1.mp4

06:51

9. Services Pat - 2.mp4

09:25

10. Skills.mp4

09:19

11. Experience.mp4

06:51

12. Projects Part - 1.mp4

05:43

13. Projects - Part 2.mp4

09:03

14. Projects Part - 3.mp4

02:51

15. Contact Form.mp4

09:12

16. Footer.mp4

05:02

17. Hyperlinks for menus.mp4

02:12

18. Deployment.mp4

03:44

3. Portfolio with React - Part 1

1. React App Setup.mp4

05:05

4. Portfolio with React Part - 2

1. Projects Intro.mp4

09:27

2. Projects List - 1.mp4

10:39

3. Projects List -2.mp4

08:29

4. Projects List - 3.mp4

04:57

5. Portfolio with Tailwind Part - 2

1. Tailwind Config.mp4

11:09

6. Portfolio with Tailwind Part - 1

1. Projects Intro.mp4

13:47

2. Projects Static Data.mp4

05:11

3. Show Projects.mp4

08:18

4. Hover Effect.mp4

08:12

Description

Build 3 Different Portfolio's in Plain HTML-CSS , React , Tailwind CSS

What You'll 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 is this for?

Front End Developers

React Developers

UI Developers

Students who what to master front end web development

More details

Description
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.

Who this course is for:
Front End Developers
React Developers
UI Developers
Students who what to master front end web development

User Reviews

Rating

average 0

Total votes0

Focused display

Hi,I am Satyaprakash Reddy, I am a freelance developer in India.I've 5 years of experience in developing applications in Android and Web Development.I've been teaching coding lectures from the past three years in an Institute. So now I wanted to share my knowledge across the globe through Udemy.I spend most of my time researching how to make learning to code fun and make hard concepts easy to understand. I apply everything I discover into my Bootcamp courses. In my courses, you'll find lots of geeky humor but also lots of explanations and animations to make sure everything is easy to understand.Thank U.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.