آموزش مقدمه ای بر طراحی و توسعه وب

معرفی Introduction

• طراحی و توسعه وب در عصر کد و بدون کد Web design and development in the code and no-code era

1. درک وب 1. Understanding the Web

• درک ابر در مقابل وب سایت Understanding the cloud vs. a website

• آشنایی با مرورگرهای وب Understanding web browsers

• درک مشتریان و سرورها Understanding clients and servers

• درک برنامه های بومی در مقابل برنامه های وب Understanding native apps vs. web apps

2. برنامه ریزی و نمونه سازی 2. Planning and Prototyping

• درک تجربه کاربری (UX) و برنامه ریزی وب سایت Understanding user experience (UX) and website planning

• درک طراحی رابط کاربری (UI). Understanding user interface (UI) design

• ابزار طراحی گرافیک Graphic design tools

• ابزارهای نمونه سازی Prototyping tools

3. سه فن آوری از فرانت اند 3. Three Technologies of the Front End

• چارچوب چیست؟ What is a framework?

• درک جاوا اسکریپت Understanding JavaScript

• درک HTML Understanding HTML

• درک CSS Understanding CSS

4. نوشتن کد 4. Writing Code

• راه حل: HTML و CSS بنویسید Solution: Write HTML and CSS

• معرفی کد نوشتن با استفاده از CodePen Introducing writing code using CodePen

• چالش: نوشتن HTML و CSS Challenge: Write HTML and CSS

• نوشتن جاوا اسکریپت Writing JavaScript

• نوشتن HTML Writing HTML

• نوشتن CSS Writing CSS

5. پشتیبانی از فناوری های توسعه وب 5. Supporting Web Development Technologies

• انتخاب ویرایشگر برای نوشتن کد Choosing an editor for writing code

• سازماندهی فایل ها با GitHub Keeping files organized with GitHub

• ثبت نام دامنه Registering a domain name

• انتخاب میزبان وب Choosing a web host

6. بررسی راه حل های بدون کد 6. Exploring No-Code Solutions

• سازندگان وب سایت پیچیده با کنترل دقیق Complex website builders with fine-grained control

• راه حل های همه در یک: سیستم های مدیریت محتوا All-in-one solutions: Content management systems

• فروش آنلاین چیزها: راه حل های سبد خرید Selling things online: Shopping cart solutions

• حرکت بدون کد چیست؟ What is the no-code movement?

• توسعه برنامه وب و برنامه بومی Web app and native app development

• سازندگان وب سایت ساده برای سایت های کوچک Simple website builders for small sites

• داشبورد و پایگاه داده Dashboards and databases

نتیجه Conclusion

• با مسیرهای یادگیری بیشتر بیاموزید Learn more with learning paths