Creating Landing Page from Scratch: HTML/CSS/JS Project

Creating an Interactive and responsive Landing Page that adapts to various screen resolutions

Created by: Bahar Bazari
Web Designer & Programmer

What Will I Learn?

• Design and implementation of a simple but attractive and effective landing page
• You can adjust your website to different screen sizes by using CSS and responsive design techniques.
• Have a good understanding of key CSS features such as position, display, margin, padding, transform, transition, and more.
• Get better at HTML and CSS coding by exploring the inspect option, a fantastic way to enhance your skills while diving into the details of your code!
• you will gain the valuable skill of form validation in the front-end section using JavaScript. You will learn how to effectively validate form elements.
• You will learn how to use site icons from Font Awesome.
• You can learn how to determine font type and use it from the Google Fonts website
• You can learn any programming language used in this course by explaining it, using relevant examples, and applying it to your projects.
• You can add style and visual appeal to your HTML elements by using CSS.
• You can use HTML to create page skeletons.

Requirements

• If you're interested in web design and coding, this course is perfect for you. Invest in your skills and take your knowledge to the next level.
• You will need a computer or laptop with internet access and a browser installed to take this course.
• No need to use paid software. I will guide you through downloading Visual Studio for free and using Font Awesome icons and Google Fonts.
• If you are a beginner or someone who hasn't worked with HTML, CSS, and JavaScript before, don't worry. All the codes are explained in a clear and understandable manner, complete with practical examples

Target audience

• Beginners and front-end coding enthusiasts
• Individuals eager to grasp the fundamental principles and vital features of HTML, CSS, and JavaScript through hands-on projects, aiming to apply these skills in their own projects.
• Creatives keen on crafting simple and captivating landing pages.
• Enthusiasts looking to understand the fundamentals of the front-end section of the page design and its adaptability across various screen sizes.
• Those excited about delving deeper into coding, seeking a comprehensive understanding to apply across a spectrum of projects.