About This Class
Are you looking to learn how to build your own functional, responsive and modern looking website with HTML5 and CSS3? If YES, then this is the right class for you!
To become a Web Developer you need to learn first some Web Design Guidelines, and then HTML5, CSS3, JavaScript, and jQuery. This class will exactly teach you all these skills which you can apply to real world websites!
At the very beginning of our class, we are going to get to know you with basic technologies, which are needed for a website- HTML5 and CSS3. In the next step we will introduce you some basics of Web Design. We will show you how to choose right font for web design, how to decide right color scheme, how to choose and optimize photographs, icons and things like that.
What you will learn
What you will learn in this course? Is this course the right choice for you? Find it out by reading this checklist!
- How to build SEVEN real-world, creative, modern and truly responsive websites using modern web technologies.
- You will learn HTML5, CSS3 and jQuery
- At the end of this class, You will be able to build a fully functional and optimized website which will look great on mobile & desktop devices
- You will learn about media queries, flexbox, cool effects like animations, scroll effects, "sticky" navigation, how to build functional contact form etc.
- You will learn a complete web development process from start to website launch
- How to find & optimized free images for your website
- Get downloadable lectures, code and design assets for all projects
Course Overview
In this video you can what you'll learn in this course.
Who this class is for
Did you qualified for this course? Can you follow it normally?
- Anyone who wants to learn about creating websites
- Complete beginners who want to learn how to build a modern and responsive real world websites
- Students who does have some experience in HTML and CSS
- Designers who want to learn about HTML5, CSS3 and web development
Learn modern web design and build 7 real world websites while learning HTML5, CSS3 and jQuery.
COURSE CURRICULUM
- Project 4 - Building a Header (14:10)
- Project 4 - Building Heading Section (8:01)
- Project 4 - Building Personal Info Section (5:16)
- Project 4 - Building Abilities Section with Icons (7:10)
- Project 4 - Building Gallery Section (6:12)
- Project 4 - Building Functional Contact Form (12:52)
- Project 4 - CSS Media Query (18:56)
- Project 5 - Building a Header (10:36)
- Project 5 - Building About Section (8:07)
- Project 5 - Building Portfolio Section (7:00)
- Project 5 - Building Blog Section (5:07)
- Project 5 - Building Contact Form and Footer (11:19)
- Project 5 - CSS Media Query (15:30)
- Project 5 - jQuery- HamburgerMenu SmoothScroll (16:41)
- Project 6 - Building the Header with Video (27:28)
- Project 6 - Building About Us Section (6:49)
- Project 6 - Building Quote and Activities Section (17:18)
- Project 6 - Building Animated Gallery Section (5:48)
- Project 6 - Building Contact Section with Google Maps- Part 1 (19:00)
- Project 6 - Building Contact Section with Google Maps- Part 2 (15:08)
- Project 6 - CSS Media Query (16:10)
- Project 6 - jQuery- MobileMenu SmoothScroll (13:09)
- Project 7 - Building the Header- HTML (15:40)
- Project 7 - Building the Header- CSS (9:01)
- Project 7 - Building Heading Section (11:06)
- Project 7 - Building About Section (9:06)
- Project 7 - Building Offers Section (9:57)
- Project 7 - Building Gallery Section (9:31)
- Project 7 - Building Contact Section (15:10)
- Project 7 - Building Preloader (5:39)
- Project 7 - Adding Animations (10:04)
- Project 7 - Making the Menu Works (7:46)
- Project 7 - jQuery- SmoothScroll (2:52)
- Project 7 - Making Filterable Gallery (7:39)
- Project 7 - CSS Media Query (11:39)
- Project 7 - Adding Favicon and Meta Tags (6:34)
- Project 7 - Beautify Code and Adding Auto Prefixes (2:40)
- Project 7 - Launching Website (9:52)
Hi, We are Piximum!
The modern design agency for web design, web shops, and print solutions with progressive flair. Our passion is not only to make good websites but to teach other people to do that too! That's the reason we made this course. We hope that you will confirm that we are good teachers!