Tags
Language
Tags

Build a Portfolio Website From Scratch using HTML5, CSS3, Sass, Scss, JavaScript and jQuery

Posted By: IrGens
Build a Portfolio Website From Scratch using HTML5, CSS3, Sass, Scss, JavaScript and jQuery

Build a Portfolio Website From Scratch using HTML5, CSS3, Sass, Scss, JavaScript and jQuery
.MKV, AVC, 1280x720, 30 fps | English, AAC, 2 Ch | 3h 33m | 2.96 GB
Instructor: Yossef Zedan

Did you learn web designing but still struggling to build professional websites and don't know how to use CSS, Sass, Scss and Javascript to add features to the website?

In this class, we will build an amazing project from scratch, explaining to you why we used this code line instead of any other one.. We will teach you how to build amazing websites from scratch

The only class you need on Skillshare to build amazing websites.. Here's why:

1. This course is taught by Yossef Ayman Zedan, a web developer certified from University of Michigan and University of London which have two of the best programming program in the world
2. Every single code is well explained to reach the maximum creativity point
3. You will build a project that worth more than $700
4. You will know how to add effects to your own website and start your web design business

The idea of the website came from: https://sharqawyjunior.github.io/shjr/

The website that we will build together in the class: https://yossefzedan.github.io/draftt/

What we will do..

1. Creat a fancy navbar
2. Rotating card on hover
3. Animated buttons with infinite moves
4. Amazing Preloader
5. Contact form that indicates and changes the border whether the input is valid or invalid
6. Card background that changes with time
8. after and before psuedo elements
7. Checkbox hack
9. Adding video background video and the purpose of object fit
10. How to use Sass, Scss and add media query inside Scss
11. What is the adjacent and how Scss code is compiled in CSS

Hands-on Class Project

In this class we will build a website that has 7 sections (Home, about, success stories, packages, Q&A, contact us and footer), fancy Navbar, video background, card that changes its background color with time, rotating card on hover, contact form that changes border according to the input, completely responsive website, checkbox hack, preloader and more..

Here's the link of the project: https://yossefzedan.github.io/draftt/

Download the source code: https://github.com/yossefzedan/draftt

Best wishes


Build a Portfolio Website From Scratch using HTML5, CSS3, Sass, 			  		  		  		 	    	 			   		  	   		  		  			  	  	 			   		   	  		 			  		 			  	 			   		  	   		 	  			 Scss, JavaScript and jQuery