Build a Modern/Creative portfolio html css js three js

Build a Modern/Creative portfolio html css js three js, available at $54.99, has an average rating of 4.6, with 43 lectures, based on 130 reviews, and has 1263 subscribers.

You will learn about Create an amazing, modern, creative, unique and responsive portfolio. Build awesome 3d experiences for absolute beginners. Learn the secrets on what makes a good portfolio. Show your work to the world in a modern fashionable way. Create advanced unique styles for buttons and links. Create moving animated 3d background. Make an animated awesome loading screen. learn how to make hover rgb skewing effect on images with three js and shaders. Learn how to create a very advanced mobile friendly swiper. Tired of basic links and buttons here you will create the best of the best using only html css. Make a different modern contact form that actually look good. Learn how add smooth scrolling to your website and fix all problems you could face. Also use snap scrolling to go from links to section by smooth scroll. make a javascript accordion for frequently asked questions. Learn how to display projects in an exceptional way and show what it's like being creative. Learn how to setup, use parcel and manage your project in a better way easily. Learn code structure like a pro. Learn how to host your website easily and free. I teach you about seo and how and what makes your website rank higher in search engines. lean how to use sass and code css better and more efficient in BEM style. Understand how three js works and know all you need about it from scratch. Work with Evenlisteners in javascript and master different approaches. Use functions like setInterval and setTimeout. Learn ho to manipulate the DOM with javascript. Learn how to load data from javascript file to the page easily. Responsive design from small to large and from large to small screens. i provide you some of the best loaders and high quality backgrounds to use. This course is ideal for individuals who are Beginner web developer or People who wants to build a portfolio It is particularly useful for Beginner web developer or People who wants to build a portfolio.

Enroll now: Build a Modern/Creative portfolio html css js three js

Summary

Title: Build a Modern/Creative portfolio html css js three js

Price: $54.99

Average Rating: 4.6

Number of Lectures: 43

Number of Published Lectures: 43

Number of Curriculum Items: 43

Number of Published Curriculum Objects: 43

Original Price: $74.99

Quality Status: approved

Status: Live

What You Will Learn

Create an amazing, modern, creative, unique and responsive portfolio.
Build awesome 3d experiences for absolute beginners.
Learn the secrets on what makes a good portfolio.
Show your work to the world in a modern fashionable way.
Create advanced unique styles for buttons and links.
Create moving animated 3d background.
Make an animated awesome loading screen.
learn how to make hover rgb skewing effect on images with three js and shaders.
Learn how to create a very advanced mobile friendly swiper.
Tired of basic links and buttons here you will create the best of the best using only html css.
Make a different modern contact form that actually look good.
Learn how add smooth scrolling to your website and fix all problems you could face.
Also use snap scrolling to go from links to section by smooth scroll.
make a javascript accordion for frequently asked questions.
Learn how to display projects in an exceptional way and show what it's like being creative.
Learn how to setup, use parcel and manage your project in a better way easily.
Learn code structure like a pro.
Learn how to host your website easily and free.
I teach you about seo and how and what makes your website rank higher in search engines.
lean how to use sass and code css better and more efficient in BEM style.
Understand how three js works and know all you need about it from scratch.
Work with Evenlisteners in javascript and master different approaches.
Use functions like setInterval and setTimeout.
Learn ho to manipulate the DOM with javascript.
Learn how to load data from javascript file to the page easily.
Responsive design from small to large and from large to small screens.
i provide you some of the best loaders and high quality backgrounds to use.

Who Should Attend

Beginner web developer
People who wants to build a portfolio

Target Audiences

Beginner web developer
People who wants to build a portfolio

In this course you will learn how to build a modern, creative and responsive portfolio, i take you from a blank page to an amazing portfolio with 3d experience for absolute beginners, teach you all the skills tricks on html css javascript and three js.
and le me list some of things you will learn :
-Create an amazing, modern, creative, unique and responsive portfolio.
-Build awesome 3d experiences for absolute beginners.
-Learn the secrets on what makes a good portfolio.
-Show your work to the world in a modern fashionable way.
-Create advanced unique styles for buttons and links.
-Create moving animated 3d background.

-Make an animated awesome loading screen.
-learn how to make hover rgb skewing effect on images with three js and shaders.
-Learn how to create a very advanced mobile friendly swiper.

-Tired of basic links and buttons here you will create the best of the best using only html css.
-Make a different modern contact form that actually look good.
-Learn how add smooth scrolling to your website and fix all problems you could face.

-Also use snap scrolling to go from links to section by smooth scroll.
-make a javascript accordion for frequently asked questions.
-Learn how to display projects in an exceptional way and show what it’s like being creative.

-Learn how to setup, use parcel and manage your project in a better way easily.
-Learn code structure like a pro.
-Learn how to host your website easily and free.

-I teach you about seo and how and what makes your website rank higher in search engines.
-lean how to use sass and code css better and more efficient in BEM style.

-Understand how three js works and know all you need about it from scratch.
-Work with Evenlisteners in javascript and master different approaches.

-Use functions like setInterval and setTimeout.
-Learn ho to manipulate the DOM with javascript.

-Learn how to load data from javascript file to the page easily.
-Responsive design from small to large and from large to small screens.

-i provide you some of the best loaders and high quality backgrounds to use.

Course Curriculum

Chapter 1: Setup, Seo, Reset styles

Lecture 1: Install necessary tools

Lecture 2: Let's setup our project using parcel and npm

Lecture 3: Seo-rank higher in search engines part 1

Lecture 4: Seo-rank higher in search engines part 2

Lecture 5: Reset styles, explaining box sizing, inherit…

Chapter 2: Awesome Animated loader

Lecture 1: Let's build the loader (Markup and styles) P1

Lecture 2: Let's build the loader (GSAP animations) P2

Lecture 3: Let's build the loader (FINISH THE JOB) P3

Chapter 3: Landing section (Header, cool buttons/links/socials/animated mouse…)

Lecture 1: Build the Header

Lecture 2: Build an awesome animated link using CSS ONLY !

Lecture 3: Build the most fancy animated button with CSS ONLY !

Lecture 4: Finishing the fancy button and making the header responsive

Lecture 5: Animated colored social links CSS ONLY !

Lecture 6: Scroll down animated icon done ONLY WITH CSS

Lecture 7: Finish Landing section(INTRO INFOS)

Chapter 4: Skills

Lecture 1: Skills (Markup and css)

Lecture 2: Skills moving animation

Chapter 5: Reviews

Lecture 1: Review Header Card with shadow effect

Lecture 2: Swiper js setup

Lecture 3: Review card

Lecture 4: Use JavaScript to list reviews (responsive swiper also 🙂 )

Lecture 5: Styling the Swiper and it's components PART 1

Lecture 6: Styling the Swiper and it's components PART 2

Chapter 6: projects

Lecture 1: Projects layout

Lecture 2: Build an animated rotating Eye Circle with ONLY CSS AGAIN !

Lecture 3: Create a curvy animated funny link with CSS INLY AGAIN 🙂

Lecture 4: Make projects responsive

Chapter 7: Frequently asked questions

Lecture 1: Frequently asked questions (Markup and styles)

Lecture 2: Accordion with JavaScript

Chapter 8: Contact

Lecture 1: Contact Part 1

Lecture 2: Contact Part 2

Lecture 3: Receive emails easy

Chapter 9: Animated 3d background with THREE JS

Lecture 1: THREE JS explained for absolute beginners

Lecture 2: 3d Background setup

Lecture 3: Animated 3d background (Vertices explained)

Lecture 4: 3d Waving background animation

Chapter 10: 3d rgb image effect with THREE JS and Shaders

Lecture 1: 3d rgb skew image effect part 1

Lecture 2: 3d rgb skew image effect part 2

Lecture 3: 3d rgb skew image effect part 3

Lecture 4: 3d rgb skew image effect part 4

Chapter 11: Animations, Smooth scroll

Lecture 1: Landing animations, fixing loader issues

Lecture 2: Linking loading time with page loading

Lecture 3: Smooth scroll and fixing all it's issues

Instructors

Mohamed Hajji
Full Stack web developer

Rating Distribution

1 stars: 9 votes
2 stars: 6 votes
3 stars: 17 votes
4 stars: 32 votes
5 stars: 66 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