Introduction to Web Development Concepts for Designers - Coding for Product and Web Designers

Опубликовано: 17 Август 2021
на канале: Ari Pxl

2,668

113

💬 Title

Introduction to Web development for designers
Coding for designers

=====

📒 Description

This video is about Coding for designers, the absolute basics of web development - HTML, CSS and JavaScript.

I believe every designer should understand the concept of how development is done, and the purpose of this video is to help you guys get that understanding.

This video would be helpful if you're starting in product design or web design and trying to get a basic understanding of the concepts of web development.

It's not a coding tutorial, so you don't need to follow along, watch, take notes and enjoy.

Let me know if you have any questions down in the comments below.

Like & Subscribe

Episode 10

=====

🎥 Watch next

• Should designers learn to code -    • Should designers learn how to code?
• How I set up my laptop for design and development -    • How I set up my MacBook Pro for desig...
• Introduction and Tutorial to Sitemap -    • Introduction and Tutorial to UX Sitem...
• Introduction and Tutorial to Tree Testing -    • UX Tree Test Tutorial & Introduction:...
• Introduction and Tutorial to Card Sorting -    • UX  Card Sorting Introduction & Tutor...

=====

💻 Links Mentioned in this video

• W3 Schools - https://www.w3schools.com/
• Mozilla Web Docs - https://developer.mozilla.org/en-US/d...
• Developer tools for safari - https://support.apple.com/en-au/guide...
• Visual Studio Code - https://code.visualstudio.com/
• Normalize - https://necolas.github.io/normalize.css/
• Google fonts - https://fonts.google.com/

🔗 Referral Links
You can support this channel by using my referral links

♥️ Download Figma - https://psxid.figma.com/it2ka6qdk5dl
🦆 Sign up for Spaceduck - https://spaceduck.com

=====

🕰 Timestamps

0:00 - Introduction
0:44 - What we're building
1:07 - Different types of developers designers work with and their roles
3:45 - Technologies used for web development
4:00 - Box analogy - inline vs block (Important)
6:10 - HTML Basics
7:15 - Introduction to HTML Head
12:29 - Introduction to HTML Body and coding our design
24:44 - Introduction to CSS
33:08 - CSS - Class & ID Attributes
40:09 - Introduction to JavaScript
45:07 - Outro

=====

🔗 Connect

• https://ariurl.com
• https://aripxl.com

=====

👍 Like & Subscribe

If you appreciate the hard work that went into this video, please show me some love by dropping a Like 👍 and sharing it with other people that you think can also benefit from this. If you have any questions, post a comment down below, and I’ll get back to you when I can. If you haven’t subscribed already, what are you waiting for? Subscribe and turn on the notification 🔔 so that you know when I upload new videos.

=====

🙃 About me

My name is Ari. I’m a digital product designer and developer with over 12 years of experience based in Sydney, Australia. I currently work for a startup, freelance on the side and make these videos to give back to our tech community. If you have any suggestions on how to improve these videos, then let me know!

=====

📧 Contact me

If you have any questions, comment on one of the videos or follow me and ask me on Instagram via DM. If you have a business-related question, email me at - [email protected]

=====

🔢 Subscriber Count

254

=====

📑 Hashtags

#UIUXDesign #WebDevelopment #WebDesign