technifyedWeekly list

JavaScript Mastery

Build and Deploy 3 Animated Websites with GSAP & Three.js to Land a Job | Full 10 Hour Course

via YouTube Free video

Overview

Master the art of front-end development by building three visually stunning websites using React, Tailwind CSS, GSAP, and Three.js. Learn advanced skills, deploy real-world projects, and stand out as a developer ready to get hired.

⭐ Hostinger BLACK FRIDAY | Save up to 80% for the Business plan for just $2.95 per month - https://hostinger.com/javascriptmastery, with a 91% off coupon code: JAVASCRIPTMASTERY

⭐ Webstorm - https://jb.gg/GetWebStormFree

🌟 Codeium - https://codeium.com/?utm_source=youtube&utm_campaign=js-mastery

🌟 Become a top 1% Next.js 15 developer: https://jsmastery.pro/next15 (Get 30% off this Black Friday!)

🤖 Special Discord Forum: https://resource.jsmastery.pro/modern-uiux-discord

First Project (Xora website)

📚 Materials/References:

→ GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/xora

→ README (assets & code): https://github.com/adrianhajdin/xora/blob/main/README.md

🎨 Xora App Design: https://ui8.net/ui8/products/xora---saas-landing-page-kit?rel=jsm

📒 Tailwind CSS Starter Kit: https://resource.jsmastery.pro/tailwind-starter-kit

Second Project (Awwwards website)

📚 Materials/References:

→ GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/award-winning-website

→ README (assets & code): https://github.com/adrianhajdin/award-winning-website/blob/main/README.md

‍🎨 Inspiration by: https://zentry.com/

Third Project (3d Portfolio website)

📚 Materials/References:

→ GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/threejs-portfolio

→ README (assets & code): https://github.com/adrianhajdin/threejs-portfolio/blob/main/README.md

🎨 3D Portfolio Figma Design: https://resource.jsmastery.pro/3d-portfolio-design

📒 Three.js Guide: https://resource.jsmastery.pro/threejs-guide

💻 Join our Discord Community: https://discord.com/invite/n6EdbFJ

🐦 Follow us on Twitter: https://twitter.com/jsmasterypro

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

🔗 Follow us on LinkedIn: https://linkedin.com/company/javascriptmastery/

💼 Business Inquiries: contact@jsmastery.pro

Time Stamps 👇

00:00:00 — Intro

00:04:02 — Xora Website

02:47:29 — Awwwards Website

05:24:23 — 3d Portfolio Website

Chapters 4

  1. 00:00:00Intro
  2. 00:04:02Xora Website
  3. 02:47:29Awwwards Website
  4. 05:24:233d Portfolio Website

Advantages and disadvantages

Advantages

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