technifyed

JavaScript Mastery via YouTube Free video

Creating a Sushi-Themed Website: HTML & CSS Guide for Beginners

Overview

Are you wondering how to make a website using #HTML and #CSS? Join me today to create a modern, fully responsive HTML & CSS website with animations!

Hostinger: https://hostinger.com/javascriptmastery + coupon code JAVASCRIPTMASTERY

⭐ Join JS Mastery Pro: https://jsmastery.com

💎 Ultimate Next.js Course: https://jsmastery.com/course/the-ultimate-next-js-15-course

🧪 Ultimate Testing Course: https://jsmastery.com/course/the-complete-next-js-testing-course

📗 GSAP Pro Course: https://jsmastery.com/course/gsap-animations-course

📕 Three.js 3D Pro Course: https://jsmastery.com/course/vanilla-three-js-course

📙 JavaScript Pro Course: https://jsmastery.com/course/complete-path-to-javascript-mastery

🚀 Launch Your SaaS Pro Course: https://jsmastery.com/course/build-launch-your-saas-in-under-7-days

📚 Materials/References:

GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_html_css_website

Assets folder: https://drive.google.com/file/d/1feqXd1mPKjdQDjd3l4hV_JcX-l1mJRor/view?usp=sharing

GitHub Gist Code Snippets: https://gist.github.com/adrianhajdin/cad20aad1fefa9163a449e8feb91b602

Missing navbar code: https://gist.githubusercontent.com/adrianhajdin/cad20aad1fefa9163a449e8feb91b602/raw/234a82afd7d52e13fec1ffdc8183a6f3fe7281fe/missed-navbar-code.css

💻 Join JSM on Discord - https://discord.gg/n6EdbFJ

🐦 Follow JSM on Twitter - https://twitter.com/jsmasterypro

🖼️ Follow JSM on Instagram - https://instagram.com/javascriptmastery

💼 Business Inquiries: contact@jsmastery.pro

👇 Time Stamps:

00:00:00 Intro

00:12:35 Setup

00:14:19 Header & Navbar

00:22:48 Hero Section

00:48:57 About Us Section

01:00:19 Popular Section

01:26:39 Animations

1:33:12 Trending Section

01:56:52 Newsletter Section

02:17:58 Deployment

Chapters 10

  1. 00:00:00Intro
  2. 00:12:35Setup
  3. 00:14:19Header & Navbar
  4. 00:22:48Hero Section
  5. 00:48:57About Us Section
  6. 01:00:19Popular Section
  7. 01:26:39Animations
  8. 1:33:12Trending Section
  9. 01:56:52Newsletter Section
  10. 02:17:58Deployment

Advantages and disadvantages

Advantages

  • Free, one long video that covers a topic end to end.
  • Use the chapters to jump to what you need.
  • 439,720 views, so help and notes are easy to find.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (10 parts) you can see before you start.
  • Start watching right away, no sign-up.

Disadvantages

  • No exercises or certificate: code along to make it stick.
  • No certificate.
  • No graded assignments or feedback.

Some points apply to every course of this kind; see how we rank.

Free

  • Free: Watch on YouTube, no account needed.
  • Certificate: None. Code or take notes along to make it stick.

Similar courses

Compare these

Harvard University · YouTube

CS50's Introduction to Programming with Python (CS50P) 2022

This is CS50P, CS50's Introduction to Programming with Python. Register for free at https://cs50.edx.org/python. Slides and source code at https://cs50.harvard.edu/python. Playlist at https://www.youtube.com/playlist?list=PLhQjrBD2T3817j24-GogXmWqO5Q5vYy0V. An introduction to programming using a la…

Free video11 videos, 16 hours

Massachusetts Institute of Technology · YouTube

MIT 6.100L Introduction to CS and Programming using Python, Fall 2022

Instructor: Ana Bell View the complete course: https://ocw.mit.edu/courses/6-100l-introduction-to-cs-and-programming-using-python-fall-2022/ *Note: Lectures 6, 10 have been updated! This subject is aimed at students with little to no programming experience. It aims to provide students with an under…

Free video26 videos, 28 hours

Harvard University · YouTube

CS50's Web Programming with Python and JavaScript (CS50W) 2020

This is CS50W, CS50's Web Programming with Python and JavaScript. Register for free at https://cs50.edx.org/web. Slides and source code at https://cs50.harvard.edu/web. This course picks up where Harvard University’s CS50 leaves off, diving more deeply into the design and implementation of web apps…

Free video10 videos, 14 hours

Harvard University · YouTube

CS50's Introduction to Artificial Intelligence with Python 2023

This course explores the concepts and algorithms at the foundation of modern artificial intelligence, diving into the ideas that give rise to technologies like game-playing engines, handwriting recognition, and machine translation. Through hands-on projects, students gain exposure to the theory beh…

Free video8 videos, 12 hours

Harvard University · YouTube

CS50's Introduction to Artificial Intelligence with Python 2020

This course explores the concepts and algorithms at the foundation of modern artificial intelligence, diving into the ideas that give rise to technologies like game-playing engines, handwriting recognition, and machine translation. Through hands-on projects, students gain exposure to the theory beh…

Free video8 videos, 13 hours

Massachusetts Institute of Technology · YouTube

MIT 18.S997 Introduction to MATLAB Programming Fall 2011

View the complete course: http://ocw.mit.edu/18-S997F11 Instructor: Yossi Farjoun This course is intended to assist undergraduates with learning the basics of programming in general and programming MATLAB® in particular. License: Creative Commons BY-NC-SA More information at http://ocw.mit.edu/term…

Free video6 videos, 50 minutes

Enter your email and the official page opens. Phone is optional.