https://hostinger.com/design (Use code: DESIGNCOURSE for 10% off!)
http://bit.ly/3ECKzr1 👈 Learn UI/UX Today. Use "BF40" for 40% Off!
-- Today, I'm releasing my annual Figma Crash Course, which will teach you Figma through the process of designing a full layout for desktop, tablet and mobile. There's a lot of stuff packed in here, so take it nice and easy! ;)

Project logo:
https://coursetro.s3.amazonaws.com/stuff/couply.svg

0:00 - Introduction
0:51 - An Awesome Offer
1:48 - UI Overview
4:01 - Navigation Design
22:30 - Hero Section
39:40 - Logo Section
43:00 - Product Gallery
53:00 - Footer Design
54:45 - Responsive Tablet Design
1:01:19 - Responsive Mobile Design
1:08:26 - Mobile Navigation Prototyping
1:11:00 - Website Deployment

Let's get started!

#figma #uiux #uidesign

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro's Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!

Ultimate Figma Crash Course 2023 - Full Layout by Example

BLACK FRIDAY SALE  40% OFF ALL COURSES 🔥🔥🔥
https://developedbyed.com/

USE COUPON: BF40

Today we will look on how to add pro 3d animations to your websites using blender and gsap for scroll animations. Apple did a popular effect similar to this using their airpods pro and everyone was really curious and impressed on how this was done.
This is a full length tutorial covering everything from scratch. Creating our 3D models in blender, animating them with the timeline and exporting a sequence of images ready to be animated with javascript and gsap.

📕Source code
https://github.com/developedbyed/3d-scroll-ball

🛴 Follow me on:
Twitter: https://twitter.com/developedbyed
Instagram: https://www.instagram.com/developedbyed/
Github: https://github.com/developedbyed/

#programming #3d

How To Create PRO 3D WEBSITES Tutorial From Scratch

Here's your first look at Solid Start, a meta-framework for Solid.js that supports server-side rendering and advanced data fetching. Learn how to build a full stack web application with a hot new tool that's similar to Next.js, SvelteKit, and Nuxt. 

#programming #javascript #TheCodeReport

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

SolidStart Announcement https://www.solidjs.com/blog/introducing-solidstart
Solid in 100 Seconds https://youtu.be/hw3Bx5vxKl0
Next.js 13 First Look https://youtu.be/_w0Ikk4JY7U

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- What is Solid.js?
- SSR with Solid.js
- Solid Start vs Next.js
- Solid Start vs SvelteKit
- Solid Start vs Nuxt
- What is the best JS framework?

a solid start

The ultimate 10 minute JavaScript course that quickly breaks down over 100 key concepts every web developer should know. Learn the basics of JS and start building apps on the web, mobile, desktop, and more. 

#javascript #programming #code 

🚨 BLACK FRIDAY 40% Discount off PRO Memberships FOREVER

https://fireship.io/pro

🚨 Use code BLACKFIRE at checkout 


💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

NEW Full JavaScript Course https://fireship.io/courses/js
JavaScript in 100 Seconds https://youtu.be/DHjqpvDnNGE
JavaScript Docs https://developer.mozilla.org/en-US/docs/Web/JavaScript

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- JavaScript 101 Course
- Getting Started with JavaScript
- JavaScript basics tutorial
- Learn JS for beginners 
- Most important JS concepts to know
- What is JavaScript used for?
- How do I learn JavaScript programming?
- Prototypal Inheritance
- Higher Order Functions
- Closures
- Non-blocking event loop
- Node.js

100+ JavaScript Concepts you Need to Know

Supabase is the open-source Firebase alternative that features an impressive collection of tools like PostgreSQL, user authentication, serverless edge functions, and more. 

#programming #sql #100secondsofcode 

🔥 NEW! The Full Supabase Course 

https://fireship.io/courses/supabase/

💬 Chat with Me on Discord

https://discord.gg/fireship

🔗 Resources

- Supabase Docs https://supabase.com/docs
- Zack's Supabase Basics Video https://youtu.be/tUm1AlaMcMQ
- 5 Backends Compared https://youtu.be/SXmYUalHyYk

🔥 Get More Content - Upgrade to PRO

Upgrade at https://fireship.io/pro
Use code YT25 for 25% off PRO access 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- What is Supabase?
- Supbase vs Firebase
- Getting started with Supabase
- Supabase Basics tutorial

Supabase in 100 Seconds

Learn full-stack web development in this full course for beginners. First, you will learn the basics of HTML, CSS, and JavaScript. Then, you will learn how to put everything together to create a frontend movie search app. Finally, you will learn how to create a backend API to create movie reviews and connect the frontend to the backend. The backend uses Node.js, Express, and MongoDB.

🔗 Get started with Replit: https://join.replit.com/web-students

✏️ Tomi Tokko and Beau Carnes developed this course. 
Tomi's channel: https://www.youtube.com/CodeWithTomi
Beau's channel: https://www.youtube.com/zizyo

⭐️ Code ⭐️
JavaScript RPG Starter: https://replit.com/@BeauCarnes/JavaScript-RPG-Starter
JavaScript RPG Complete: https://replit.com/@BeauCarnes/JavaScript-RPG

Frontend Movie App (and starter for connecting to backend): https://replit.com/@TomiTokko/MoviesApp
Live demo of frontend app: https://moviesapp.tomitokko.repl.co/ 

Backend Reviews API: https://replit.com/@BeauCarnes/review-backend
Frontend connected to backend: https://replit.com/@BeauCarnes/htmlfrontend

🏗 Replit provided a grant to make this course possible.

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:42) Learn HTML
⌨️ (1:26:27) Learn CSS
⌨️ (3:15:49) Learn JavaScript
⌨️ (4:52:01) Create Frontend Movie App
⌨️ (5:44:04) Create Backend Reviews API
⌨️ (6:49:32) Connect Frontend with Backend

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Full Stack Web Development for Beginners (Full Course on HTML, CSS, JavaScript, Node.js, MongoDB)

Learn about software system design and microservices. This course is a hands-on approach to learning about microservice architectures and distributed systems using Python, Kubernetes, RabbitMQ, MongoDB, mySQL.

✏️ Course from Kantan Coding. Check out his channel: https://www.youtube.com/channel/UC5UgemAz061hkjTFHOfxNpg

💻 Code: https://github.com/selikapro/microservices-python

Kubernetes API Reference: https://kubernetes.io/docs/reference/kubernetes-api/

⭐️ Contents ⭐️
(0:00:00) Intro
(0:01:02) Overview 
(0:02:47) Installation & Setup?
(0:10:16) Auth Service Code
(0:32:25) Auth Flow Overview & JWTs
(0:53:04) Auth Service Deployment
(0:56:08) Auth Dockerfile
(1:20:05) Kubernetes
(1:37:26) Gateway Service Code
(1:42:34) MongoDB & GridFs
(1:47:04) Architecture Overview (RabbitMQ)
(1:49:50) Synchronous Interservice Communication
(1:50:49) Asynchronous Interservice Communication
(1:53:19) Strong Consistency
(1:54:07) Eventual Consistency
(2:19:16) RabbitMQ
(2:21:16) Gateway Service Deployment
(2:35:34) Kubernetes Ingress
(2:46:28) Kubernetes StatefulSet
(2:51:18) RabbitMQ Deployment
(3:09:35) Converter Service Code
(3:33:43) Converter Service Deployment
(4:21:09) Checkpoint
(4:22:11) Update Gateway Service
(4:31:46) Notification Service Code
(4:43:24) Notification Service Deployment
(4:51:55) Sanity Check
(5:05:54) End

⭐️ References ⭐️
https://www.mongodb.com/docs/
https://www.rabbitmq.com/documentation.html
https://docs.microsoft.com/en-us/azure/architecture/patterns/competing-consumers
https://docs.microsoft.com/en-us/azure/architecture/microservices/design/interservice-communication
https://cloud.google.com/datastore/docs/articles/balancing-strong-and-eventual-consistency-with-google-cloud-datastore

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Microservice Architecture and System Design with Python & Kubernetes – Full Course

Improve your cybersecurity and Linux skills by solving challenges in the Bandit Wargame from OverTheWire. This video is a walk through of how to solve the challenges—but make sure to try each on your own before watching the solution!

🔗 Start the game here: https://overthewire.org/wargames/bandit/

✏️ Tutorial from Sabyasachi Paul. Check out his channel: https://www.youtube.com/channel/UCF6DLMsBz6AdX4Wk1zMja4g
🔗 Sabyasachi's Linktree: https://linktr.ee/h0tPlug1n

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:11) Level 0
⌨️ (0:04:06) Level 0 - Level 1
⌨️ (0:05:11) Level 1 - Level 2
⌨️ (0:06:18) Level 2 - Level 3
⌨️ (0:07:56) Level 3 - Level 4
⌨️ (0:09:11) Level 4 - Level 5
⌨️ (0:11:57) Level 5 - Level 6
⌨️ (0:14:51) Level 6 - Level 7
⌨️ (0:17:06) Level 7 - Level 8
⌨️ (0:18:37) Level 8 - Level 9
⌨️ (0:21:08) Level 9 - Level 10
⌨️ (0:22:45) Level 10 - Level 11
⌨️ (0:24:10) Level 11 - Level 12
⌨️ (0:27:11) Level 12 - Level 13
⌨️ (0:35:22) Level 13 - Level 14
⌨️ (0:37:01) Level 14 - Level 15
⌨️ (0:38:45) Level 15 - Level 16
⌨️ (0:41:35) Level 16 - Level 17
⌨️ (0:50:46) Level 17 - Level 18
⌨️ (0:53:07) Level 18 - Level 19
⌨️ (0:55:28) Level 19 - Level 20
⌨️ (0:58:23) Level 20 - Level 21
⌨️ (1:02:33) Level 21 - Level 22
⌨️ (1:07:47) Level 22 - Level 23
⌨️ (1:11:54) Level 23 - Level 24
⌨️ (1:26:39) Level 24 - Level 25
⌨️ (1:32:53) Level 25 - Level 26
⌨️ (1:43:25) Level 26 - Level 27
⌨️ (1:47:18) Level 27 - Level 28
⌨️ (1:52:10) Level 28 - Level 29
⌨️ (1:56:36) Level 29 - Level 30
⌨️ (2:00:17) Level 30 - Level 31
⌨️ (2:05:31) Level 31 - Level 32
⌨️ (2:10:34) Level 32 - Level 33
⌨️ (2:14:45) Level 33 - Level 34

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news