source code
beginner

web dev introduction

HR lessons
  1. welcome 05:45
  2. say hello to HTML 27:34
  3. lets get started 28:57
  4. CSS 38:52
  5. browser dom devtools 19:25
  6. finishing the home page 37:55
  7. about page 22:13
  8. contact page 40:42
  9. interaction with js 08:57
  10. wrapping up 22:23
  11. see you 04:40

دوره مقدماتی طراحی وب

این دوره مطالبی را که بصورت تئوری بررسی می کنید، در قالب ساخت اولین پروژه واقعی شما ارائه می دهد. اگر به دنبال یادگیری طراحی صفحات وب و تکنولوژی های وب هستید این دوره اولین قدم در مسیر یادگیری شما خواهد بود.

پیشنیازها

  1. آشنایی با مفاهیم اولیه HTML و CSS
  2. مطالب فصل اول تا هفت لیست آموزشی

پروژه

از طریق لینک زیر می توانید تصویر پروژه ای را که در این دوره بر روی آن کار می کنیم را مشاهده کنید.

دموی پروژه دوره

مواد درسی

موضوع جلسه مدت زمان ویدیو
مقدمه 5 دقیقه
شروع کار با HTML (ساختار یک سند HTML) 27دقیقه
پیاده سازی ساختار پروژه (نحوه نگاه به طرح در زمان پیاده‌سازی، استفاده از تگ های معنادار و …) 28دقیقه
اضافه کردن CSS (اعمال استایل بر روی هدر سایت) 38 دقیقه
نحوه کار مرورگر (معرفی DOM، معرفی ابزار توسعه دهندگان وب و …) 20 دقیقه
پیاده سازی کامل صفحه اصلی پروژه (گام های عمومی در پیاده سازی) 38دقیقه
صفحه درباره ما (استفاده درست از تگ های عنوان، لیست ها و فونت‌ها و نکات اولیه سئو در متن) 22 دقیقه
صفحه تماس با ما (جداول و فرم‌ها) 22 دقیقه
اضافه کردن تعامل در سایت با استفاده از جاوااسکریپت 9 دقیقه
کامل سازی پروژه (فشرده سازی، اعتبارسنجی و … ) 22 دقیقه

سوال داری؟ برو به پنل پرسش و پاسخ