Build Real world Responsive Website using HTML CSS & JScript
- Description
- Curriculum
- FAQ
- Reviews
Our course is designed to offer you a hands-on experience, guiding you on how to code web applications from scratch with the latest web technologies: HTML5, CSS3, and vanilla JavaScript. This approach ensures that you understand each concept thoroughly and allows you to practice your newly acquired skills without relying on copy-pasting.
You do not need any previous knowledge of HTML, CSS, or JavaScript since we will take you through every syntax and explain each step in detail. Our course is suitable for both beginners and experienced programmers. Whether you’re new to coding or looking to refresh your skills, our course is perfect for you.
We believe that learning should be enjoyable and engaging, which is why we’ve created an array of modern, super-cool, and captivating projects that you will develop throughout the course. Each project is created independently from scratch, and you can choose which ones to work on based on your interests.
Our course features separate videos for each technology, enabling you to learn and focus on the areas that interest you the most. For instance, if you’re primarily interested in JavaScript, you can skip the HTML and CSS sections and dive right into the JavaScript videos.
I am really looking forward to see you inside !
-
1
Course overviewIn this lecture you will come to know how the website looks like and what we are gonna creating through this course. This course is based on all the modern technologies using HTML 5 CSS 3 BOOTSTRAP 5 JAVASCRIPT and jquery too. This course contains source code and all the images what we have used in this entire course.
-
2
Introductory - Work Environment
This is the introductory lecture where students will learn what this course contains for and which website designing will be cover in this frontend website designing. This is just introductory lecture which is all about the course covering. Hope this will work out.
-
3
Google Font family and files linking
In this lecture students will know how to link or embed the google font family to the web page and also the necessary cdn files to the website page. This is just the basic files and cdn linking lecture to follow this course througout.
-
4
Header Hero with HTML 5 Markup
in this lecture you will learn how to create the hero header with html 5 markup with step by step oriented. Very first we will go through html 5 markup and then we will style it using stylesheet. After all this lecture will be very satisfying and interesting. Hope this lecture will work for you.
-
5
Header Area Styling
In this lecture students will learn how to style the hero header using stylesheet or css 3 properties. Its very easy to style the website elements if you learned the css 3 concepts and how the properties work with classes and ids. This lecture will be creative too and this will help you for sure.
-
6
Hero Header Styling using CSS 3
This lecture will be containing the rest css 3 work to decorate the website elements creatively. Hero header is just an amazing elements in the frontend website designing.
-
7
Floating Wrapper with images
In this lecture students will learn how to make the animated images or the floating wrapper for the images. In this lecture we have used the css 3 keyframes and all the properties for the animation to this wrapper. Hope this will make the website so creating and you will have enormous knowledge about the css 3 keyframes at the end.
-
8
Navigation Area with HTML 5 Markup
This is the first part of navigation and here we have discussed how to make the html 5 markup for the navigation to navigate on the specific page. This is so cool lecture you will love it for sure
-
9
Navigation Area styling using CSS 3 Mentioned properties
in this lecture we will learn how to style the navigation using stylesheet or css 3 properties and here we will decorate the navigation area with css3 as we have put all the html 5 markup earlier. We will just go by css 3 magic properties.
-
10
Nav expanding with css and main js
Here in this lecture we will discuss how to animate the navigation bar like our navigation bar will be fixed to the bottom of the website header but when we scroll the page then nav bar will go at the top by expanding to the full width and this navigation bar will be animated too with full smoothness.
-
11
Fixing the navigation issues
In this section students will learn how to make all the navigation issues fixed and its super professional. Hope it will help. Navigation is most important part in the responsive frontend website design and this should be professionally too.
-
12
Service Section with HTML Markup
in this section you will learn how to create the next level website elements with all the modern technologies. You will love this course for sure. So stay tuned and make the responsive website from very scratch in no time.
-
13
Service section full styling using css
In this section students will learn how to decorate the website using css3 styling. Hope this video will make your concepts even more batter with css3 animations and key-frames.
-
14
Service Section Finalize
in this section you will learn how to make the services section with css 3 for the decoration purpose.
