https://skl.sh/designcourse19 - First 500 people to sign up will get their first 2 months free!
-- The Frontend Dev Course using this mockup is here: https://www.youtube.com/watch?v=8gNrZ4lAnAw
-- Are you frustrated that you simply can't produce a good UI design? Sure, you clearly know and SEE what a great design looks like from the top designers on sites like Dribbble and Behance, but why can't you produce them?

In this course, I'm going to help answer that question and provide you with a blueprint that's going to speed up your transition from producing ugly UI's as a beginner, to producing fantastic UI's. 

First, we're going to spend some time discussing the very important design fundamentals that you need to understand before you can start designing UI's. Then, we'll step into a design and prototyping app (Adobe XD, it's free! https://www.adobe.com/products/xd.html) and design a beautiful UI from scratch. While doing this, I'm going to describe exactly what's going through my mind as I piece together a UI. 

Let's get started!

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

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 UI Design Crash Course for Beginners

Figma is a web-based (with a companion desktop app enabled by Electron) UI design and prototyping tool. In this tutorial, I create a mobile layout while discovering many of its features. I have to say, this is perhaps the strongest contender against Adobe XD. What do you think?

https://www.figma.com

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

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!

Figma Tutorial - A Free UI Design/Prototyping Tool. It's awesome.

https://bit.ly/3iSlL2H - Become a frontend developer (50% off limited time!)
-- https://bit.ly/3F2H8Id 👈 Learn UI/UX Today. Use "LAUNCH" for 15% Off!
-- Today, we're going to do a crash course on learning HTML and CSS. We're going to cover a project we created in Adobe XD a couple weeks ago, and make it FULLY responsive!

Codepen demo:
https://codepen.io/designcourse/pen/JjbPdqd

Project files:
https://coursetro.s3.amazonaws.com/stuff/2021frontend.zip

0:00 - Introduction
2:45 - A Special Offer
3:20 - Code Editor
6:35 - Writing the HTML
58:57 - Writing the CSS
1:46:42 - Mobile Navigation
1:55:16 - Responsive CSS
2:16:43 - Closing

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!

HTML and CSS Tutorial for 2021 - COMPLETE Crash Course!

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

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