technifyedWeekly list

JavaScript Mastery

Build and Deploy an Awwwards Winning Website | React.js, Tailwind CSS, GSAP

via YouTube Free video

Overview

If this video made you think, “I wish I could build this,” this is for you.

We just launched Motion Authority, built to help devs move from

“it works.” → “This feels finished.”

GSAP Animations fundamentals + real career positioning

25% off + PPP ⌛

👉 Get access here: https://jsm.dev/yt-motion-bundle

A step-by-step course teaching you how to build an award-winning animated website that became an Awwwards Site Of The Month.

⭐ Join JS Mastery Pro: https://jsm.dev/zentry-jsmpro

💎 Become a Top 1% Next.js Developer: https://jsm.dev/zentry-nextjs

📁 Free Video Kit (Code, Design, Repo, Guide): https://jsm.dev/zentry-kit

Hostinger: https://jsm.dev/zentry-hostinger

WebStorm: https://jsm.dev/zentry-webstorm

Inspired by: https://zentry.com

Rate us on TrustPilot: https://jsm.dev/trustpilot

https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery

Business Inquiries: contact@jsmastery.pro

Time Stamps 👇

00:00:00 — Intro

00:03:48 — Setup

00:10:10 — Tailwind Config

00:20:12 — Hero Section

01:00:41 — About Section

01:10:05 — Animated Title

01:19:03 — Navbar

01:41:11 — Features

02:07:48 — Story

02:22:17 — Contact & Footer

02:36:46 — Deployment

Chapters 11

  1. 00:00:00Intro
  2. 00:03:48Setup
  3. 00:10:10Tailwind Config
  4. 00:20:12Hero Section
  5. 01:00:41About Section
  6. 01:10:05Animated Title
  7. 01:19:03Navbar
  8. 01:41:11Features
  9. 02:07:48Story
  10. 02:22:17Contact & Footer
  11. 02:36:46Deployment

Advantages and disadvantages

Advantages

  • Free, one long video that covers a topic end to end.
  • Use the chapters to jump to what you need.
  • 2,569,436 views, so help and notes are easy to find.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (11 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

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 video
  • 11 videos, 16 hours

Massachusetts Institute of Technology

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 video
  • 26 videos, 28 hours

Harvard University

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 video
  • 10 videos, 14 hours

Harvard University

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 video
  • 8 videos, 12 hours

Harvard University

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 video
  • 8 videos, 13 hours

Massachusetts Institute of Technology

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 video
  • 6 videos, 50 minutes