Hey ninja's, glad you decided to take the JavaScript train and join me on this epic journey of JavaScript tutorials for beginners. We'll be covering all the basics, and certainly enough to get you up and running making your own JavaScript programs for your websites.

If you need to cacth up on HTML or CSS first, check out my playlists below:

HTML for Beginners - https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

CSS for Beginners - https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

Brackets can be found @ http://brackets.io/

And you can download Chrome @ https://www.google.com/chrome/browser/desktop/index.html

===== SUBSCRIBE TO CHANNEL ===== 

https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== CSS for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

========== HTML Basics Course ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

========== Social Links ==========

Twitter - @TheNetNinja - https://twitter.com/thenetninjauk

JavaScript Tutorial For Beginners 01 - Introduction

https://skl.sh/designcourse19 - First 500 people to sign up will get their first 2 months free!
-- Welcome to this lengthy crash course to Frontend Development here in 2019. This course assumes you have never touched HTML, CSS or JavaScript. 

Initially, we're going to take 20 minutes to discuss the conceptual elements as it pertains to frontend development, including understanding the terminology and structure of HTML, CSS and some JavaScript. Then, we spend the rest of the course taking the UI design mockup that we created in the UI Design Crash Course (linked below) and make it a reality in the browser by writing HTML and CSS from scratch!

By the end of the course, you will:
1. Understand the basics of HTML
2. Understand the basics of CSS
3. Write HTML & CSS to make a static mockup work in the browser.
4. Understand Responsive Web Design
5. ...and much more.

If you want to start from the VERY beginning of this entire project, first watch these 2 videos where we design the UI using Adobe XD:

Step 1. The 2019 UI Design Crash Course for Beginners
https://www.youtube.com/watch?v=_Hp_dI0DzY4

Step 2. Responsive Web Design Tutorial in Adobe XD
https://www.youtube.com/watch?v=Ejbu4ZyCCrs

Step 3: Watch this video!

IMAGE ASSETS are located here and the final project:
https://s3.amazonaws.com/coursetro/frontend-dev-project.zip


Enjoy the video?  Subscribe up, leave a like and a comment!


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

Subscribe for NEW VIDEOS!

My site:                                 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 Coursetro.com.

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

The 2019 Frontend Developer Crash Course - HTML & CSS Tutorial for Beginners

Part 2: https://youtu.be/HKuDR0fYtCY
Today's Question: Do you use a CSS Framework or none at all?
-- I have received a lot of requests to show the *full* process of both UI design, and then taking that UI design (produced in XD, Sketch, etc..) and making it a near pixel-perfect representation in the browser with HTML and CSS. Well, today I'm delivering! This will be a 2 part series where today, we'll design the UI in Adobe Experience Design, and tomorrow (promptly at 10:30 AM ET), we'll tackle HTML and CSS (without the use of any CSS frameworks).

Enjoy!

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

Subscribe for NEW VIDEOS weekly!


My site:                                 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 Coursetro.com.

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

A Beginner's Web Design Tutorial for 2018 - Part 1 of 2

A basic tutorial on Casey's GNU Emacs bindings, by request.  See http://handmadehero.org for details.

Basic Emacs Tutorial

https://bit.ly/3rUfpUy - Take my UI Bootcamp now!
-- https://bit.ly/3q25PAp 👈 Learn UI/UX Today. Use "LAUNCH" for 15% Off!
-- Today, we're going to step into the world of UI/UX design and cover Figma here in 2021. Figma is a UI/UX design and prototyping tool. In this crash course, I'm going to show you how to use Figma to design a website with multiple pages, interactions and animations. 

https://figma.com
https://www.figma.com/community/plugin/738454987945972471/Unsplash
https://www.figma.com/community/plugin/735098390272716381/Iconify
https://www.figma.com/community/plugin/736000994034548392/Lorem-ipsum

0:00 - Introduction
2:58 - An awesome offer from Scrimba
3:36 - Getting Started
10:46 - Navbar
23:45 - Hero Section
42:03 - Finishing the Home Page
55:52 - "Our work" Page
1:02:46 - Prototyping
1:05:41 - Hover Interaction
1:07:48 - Smart Animate
1:11:15 - Closing Thoughts!

Let's get started!

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

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!

The Figma 2021 Crash Course by Example

Note: You can not use this logo. (See further below for details)
Want to learn UI/UX or Frontend development? Check out https://designcourse.com

Design a stylized Sci-Fi letter "R" in this free video tutorial.  Custom font design is something many designers aren't familiar with, so let's get our hands dirty.

For those of you curious if you can use this font: NO! This logo is now owned by Retrora as of 9/28/2022. If you used this logo prior to this date, it is fine. But you can no longer legally use this logo. Sorry!

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

Subscribe for NEW VIDEOS weekly!


My site:                                 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 Coursetro.com.

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

How to Design a Custom Font (Letter R - Retrora Logo)

Welcome to my four part lecture on essential math for game developers 💖 I hope you'll find this useful in your game dev journey!

This course will have assignments throughout, if you want to maximize your learning, I recommend doing them!

If you are enjoying this series, please consider supporting me on Patreon!
🧡 https://www.patreon.com/acegikmo

00:00:00 - Intro
00:07:05 - Why math?
00:12:59 - 1D vectors
00:36:13 - 2D vectors
01:09:35 - Vector normalization
01:15:23 - Direction to point
01:23:11 - Length
01:31:49 - Distance
01:44:14 - Point along direction
02:00:45 - Radial trigger
02:26:21 - Dot product
02:44:30 - Examples from my game
03:03:13 - Assignments
03:03:29 - Asgmt. 1 (Radial trigger)
03:05:49 - Asgmt. 2 (Look-at trigger)
03:10:03 - Asgmt. 3 (Space transformation)

Assignments:
https://docs.google.com/document/d/1Nou1ZAbNOkELggW9YqZ9LTRIW9Hc-isUpURbQ8gjiMM

Originally streamed as a course for students at http://futuregames.se/, who were super kind to let me both stream this live as well as upload it here! so massive thanks to the people at FutureGames!!

💖 Patreon ❱ https://www.patreon.com/acegikmo
🐦 Twitter ❱ https://twitter.com/FreyaHolmer
📺 Twitch ❱ https://www.twitch.tv/acegikmo
💬 Discord ❱ https://discord.gg/v5VWuga
🌸 Instagram ❱ https://instagram.com/freya_holmer

✫ Video Production by Higher Vision:
➥ https://twitter.com/HigherVision1
➤ Edited by Stelly: https://twitter.com/stelly47050876

Vectors & Dot Product • Math for Game Devs [Part 1]

In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after

21 Hour HTML & CSS Course:
https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306

CODE: Code for this video
http://www.traversymedia.com/downloads/htmlcheatsheet.zip

NEXT: CSS CRASH COURSE FOR BEGINNERS
https://www.youtube.com/watch?v=yfoY53QXEnI&lc=z121x5ozxpiiwddee23tffergoyxxngi504

CHECK OUT MY FULL STACK COURSE:
http://www.traversymedia.com/course/the-full-stack-web-development/

BECOME A PATRON: Support me directly for even $1 per month
http://www.patreon.com/traversymedia
ONE TIME DONATIONS:
http://www.paypal.me/traversymedia

FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia