Introduction to Web Design and Development

Introduction

• Web design and development in the code and no-code era

1. Understanding the Web

• Understanding clients and servers
• Understanding the cloud vs. a website
• Understanding native apps vs. web apps
• Understanding web browsers

2. Planning and Prototyping

• Understanding user experience (UX) and website planning
• Understanding user interface (UI) design
• Prototyping tools
• Graphic design tools

3. Three Technologies of the Front End

• Understanding HTML
• Understanding CSS
• Understanding JavaScript
• What is a framework?

4. Writing Code

• Introducing writing code using CodePen
• Writing HTML
• Writing CSS
• Writing JavaScript
• Challenge: Write HTML and CSS
• Solution: Write HTML and CSS

5. Supporting Web Development Technologies

• Choosing an editor for writing code
• Keeping files organized with GitHub
• Choosing a web host
• Registering a domain name

6. Exploring No-Code Solutions

• What is the no-code movement?
• All-in-one solutions: Content management systems
• Selling things online: Shopping cart solutions
• Simple website builders for small sites
• Complex website builders with fine-grained control
• Dashboards and databases
• Web app and native app development

Conclusion

• Learn more with learning paths