Introduction to Web Design and Development
1h 54mBeginner2024-02-09
Authors

Jen Kramer
Teaches web design and development
Course details
Are you interested in learning more about a career in web design and development? Getting on the internet is one thing, but it’s a little harder to think about how the internet is designed, let alone how you can get involved with designing it.
In this course, instructor Jen Kramer gives you an introduction to the core structures, vocabulary, and practices that you need to get started creating on the web. Learn about the fundamentals of clients, servers, and browsers, building your skill set for website planning and prototyping, and developing your understanding of user experience and user interface. Get an overview of the three main front-end technologies of websites: HTML, CSS, and JavaScript—followed by a brief introduction to writing code to find out what it’s really like. Not interested in code? No problem. Jen walks you through the available tools and resources that require no coding knowledge at all.
In this course, instructor Jen Kramer gives you an introduction to the core structures, vocabulary, and practices that you need to get started creating on the web. Learn about the fundamentals of clients, servers, and browsers, building your skill set for website planning and prototyping, and developing your understanding of user experience and user interface. Get an overview of the three main front-end technologies of websites: HTML, CSS, and JavaScript—followed by a brief introduction to writing code to find out what it’s really like. Not interested in code? No problem. Jen walks you through the available tools and resources that require no coding knowledge at all.
Skills covered
Web Design BusinessHTMLEcma InternationalCSSWeb StandardsJavaScriptIntroduction toWeb DesignWeb Development ToolsSmall Business and EntrepreneurshipFront-End Web DevelopmentWeb DevelopmentOpen Source
Concepts
0. Introduction
- 01 - Web design and development in the code and no-code era
1. Understanding the Web
- 02 - Understanding clients and servers
- 03 - Understanding the cloud vs. a website
- 04 - Understanding native apps vs. web apps
- 05 - Understanding web browsers
2. Planning and Prototyping
- 06 - Understanding user experience (UX) and website planning
- 07 - Understanding user interface (UI) design
- 08 - Prototyping tools
- 09 - Graphic design tools
3. Three Technologies of the Front End
- 10 - Understanding HTML
- 11 - Understanding CSS
- 12 - Understanding JavaScript
- 13 - What is a framework
4. Writing Code
- 14 - Introducing writing code using CodePen
- 15 - Writing HTML
- 16 - Writing CSS
- 17 - Writing JavaScript
- 18 - Challenge - Write HTML and CSS
- 19 - Solution - Write HTML and CSS
5. Supporting Web Development Technologies
- 20 - Choosing an editor for writing code
- 21 - Keeping files organized with GitHub
- 22 - Choosing a web host
- 23 - Registering a domain name
6. Exploring No-Code Solutions
- 24 - What is the no-code movement
- 25 - All-in-one solutions - Content management systems
- 26 - Selling things online - Shopping cart solutions
- 27 - Simple website builders for small sites
- 28 - Complex website builders with fine-grained control
- 29 - Dashboards and databases
- 30 - Web app and native app development
Conclusion
- 31 - Learn more with learning paths
Related courses
- CSS Toolkit: Tips and Techniques for Layout and Styling
- Create Your Dream Apps with Cursor and Claude AI
- SharePoint: Creating Communication Sites
- Canva for Web and Digital Design Projects
- Practice It: CSS Layout
- CSS Fundamentals: Unlock the Power of Web Styling
- Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
- HTMX Essential Training
Related learn paths
- Become a Web Designer
- Explore a Career in Front-End Web Development
- Understanding Digital Accessibility
- Getting Started with WordPress
- Improve Your Test Automation with Python Skills
- Learn Vibe Coding: Build Apps with AI-Powered Coding
- Become a Back-End Web Developer
- Advancing Your Azure Developer Skills: Exploring Complex Application Development