زبان تخصصی کامپیوتر
درس متنی
جلسه 23 Web design
خلاصهی نکات کلیدی (برای انتقال سریع مفاهیم)
جداسازی وظایف (Separation of Concerns): همواره باید ساختار (HTML)، ظاهر (CSS) و رفتار (JS) را از هم جدا نگه داشت.
استانداردسازی و معناگرایی: استفاده از تگهای معنایی (مانند <article> یا <nav> به جای <div>) برای بهبود سئو و دسترسیپذیری (Accessibility).
طراحی برای همه (Responsive Design): وبسایت باید در هر ابعادی از صفحه نمایش به درستی عمل کند (Mobile-first approach).
بهینهسازی عملکرد: کاهش حجم فایلها و مدیریت درخواستهای شبکه برای افزایش سرعت بارگذاری.
امنیت در سمت کاربر: آگاهی از حملات رایج مثل XSS (Cross-Site Scripting) و نحوه جلوگیری از آنها.
تیتر سرفصلهای اصلی (نقشه راه درس)
- مبانی اینترنت و معماری وب: نحوه کارکرد پروتکلها (HTTP/HTTPS)، کلاینت و سرور، DNS.
- ساختار و محتوا (HTML5): نشانهگذاری معنایی (Semantic HTML)، ساختار DOM.
- شیوهنامه و ارائه (CSS3): مدل جعبهای (Box Model)، چیدمان (Flexbox & Grid)، طراحی واکنشگرا (Responsive Design).
- برنامهنویسی سمت کاربر (JavaScript): مفاهیم پایه، تعامل با DOM، کار با APIها و Fetch.
- ابزارهای توسعه و گردش کار: کنترل نسخه (Git)، ابزارهای توسعهدهنده مرورگر (DevTools).
۲. خلاصهی نکات کلیدی (برای انتقال سریع مفاهیم)
- جداسازی وظایف (Separation of Concerns): همواره باید ساختار (HTML)، ظاهر (CSS) و رفتار (JS) را از هم جدا نگه داشت.
- استانداردسازی و معناگرایی: استفاده از تگهای معنایی (مانند
<article>یا<nav>به جای<div>) برای بهبود سئو و دسترسیپذیری (Accessibility). - طراحی برای همه (Responsive Design): وبسایت باید در هر ابعادی از صفحه نمایش به درستی عمل کند (Mobile-first approach).
- بهینهسازی عملکرد: کاهش حجم فایلها و مدیریت درخواستهای شبکه برای افزایش سرعت بارگذاری.
- امنیت در سمت کاربر: آگاهی از حملات رایج مثل XSS (Cross-Site Scripting) و نحوه جلوگیری از آنها.
۳. تمرینهای پایان فصل (برای سنجش یادگیری)
- فصل ساختار (HTML): طراحی یک صفحه رزومه شخصی با رعایت کامل تگهای معنایی و ساختار درختی صحیح.
- فصل ظاهر (CSS): بازسازی یک صفحه از یک وبسایت معروف تنها با استفاده از Flexbox و Grid (بدون استفاده از فریمورکهای آماده مثل Bootstrap).
- فصل تعامل (JS): پیادهسازی یک «لیست کارها» (To-Do List) که دادهها را در
localStorageمرورگر ذخیره کند. - پروژه جامع: طراحی و پیادهسازی یک وبسایت تکصفحهای (Landing Page) که در موبایل، تبلت و دسکتاپ به صورت کاملاً واکنشگرا نمایش داده شود.
دروس متنی
#1
جلسه 1 Living with computers
#2
جلسه 2 A typical PC
#3
جلسه 3 Learning vocabulary
#4
جلسه 4 Input devices: the eye of your PC
#5
جلسه 5 Output devices: display screens
#6
جلسه 6 Processing
#7
جلسه 7 Disks and drives
#8
جلسه 8 International Phonetic
#9
جلسه 9 Health and safety
#10
جلسه 10 Operating systems and the GUI
#11
جلسه 11 Prefixes
#12
جلسه 12 پسوندها
#13
جلسه 13 Word processing
#14
جلسه 14 Spreadsheets and databases
#15
جلسه 15 Graphics and design
#16
جلسه 16 Multimedia
#17
جلسه 17 Collocations
#18
جلسه 18 Programming
#19
جلسه 19 Computers and work
#20
جلسه 20 Networks
#21
جلسه 21 Faces of the Internet
#22
جلسه 22 The World Wide Web
#23
جلسه 23 Web design
#24
جلسه 24 Irregular plurals
#25
جلسه 25 Internet security
#26
جلسه 26 E-commerce
#27
جلسه 27 Online banking
#28
جلسه 28 Qualifying and comparing
#29
جلسه 29 Mobile phones
#30
جلسه 30 Robots, androids, AI
#31
جلسه 31 Intelligent homes
#32
جلسه 32 Future trends
#33
جلسه 33 Troubleshooting
مشاهده دروس کامل
بررسی صفحه یادگیری دوره