Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Build Real world Responsive Website using HTML CSS & JScript
Rating: 4.5 out of 5(55 ratings)
6,370 students

Build Real world Responsive Website using HTML CSS & JScript

Learn HighEnd HTML5, CSS3 and web design by building a creative website for your new portfolio! Includes flexbox and CSS
Created bySumit Kumar
Last updated 1/2024
English

What you'll learn

  • Become a modern and creative website designer
  • Design and Build a real world website
  • Get Basic to advance level of knowledge about Modern Technologies
  • Be a creative and responsive website designer
  • Learn the website designing from very scratch

Course content

4 sections • 16 lectures • 2h 24m total length

  • Course overview5:43

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

  • Introductory - Work Environment10:08

    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.

  • Google Font family and files linking10:42

    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.

  • Header Hero with HTML 5 Markup10:22

    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.

  • Header Area Styling10:58

    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.

  • Hero Header Styling using CSS 37:40

    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.

  • Floating Wrapper with images6:26

    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.

Requirements

  • Basic Computer operating knowledge
  • Text Editor like Brackets, Coda or Sublime (Preferable)
  • Web Surfing (internet)
  • Typing Speed (Optional)

Description

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 !

Who this course is for:

  • Beginner or advance frontend website designing
  • Students who wants to learn the next level website designing skills
  • You can easily learn frontend web designing step by step
  • Students will learn real world website designing from scratch

Report abuse