همکاری با سبزلرن
هیچ محصولی در سبد خرید نیست.
معرفی
فصل اول – بررسی مفاهیم و اصطلاحات
فصل دوم – مروری بر Media Query
فصل سوم – نامگذاری به روش BEM
فصل چهارم – پروژه سایت شرکتی
استخراج فایل های مورد نیاز از طرح17:27
ایجاد ساختار اولیه پروژه20:33
افزودن و ویرایش کد های مورد نیاز23:13
کد نویسی Container18:36
کد نویسی ساختار Html بخش Header22:48
کد نویسی همبرگر منو بخش اول20:18
کد نویسی همبرگر منو بخش دوم12:45
کد نویسی NavMenu برای موبایل16:16
کد نویسی Menu برای دسکتاپ19:03
تکمیل بخش Header(Nav)15:15
نوشتن کامنت های بخش Header5:02
کد نویسی بخش HeaderContent17:41
ریسپانسیو سازی بخش HeaderContent16:28
مرور بر مفاهیم و رفع اشکالات14:26
ریزکاری های بخش Header – اتمام Header17:10
شروع Main – کد نویسی ساختار Html بخش Services21:03
کد نویسی Css بخش Services13:16
ریسپانسیو سازی بخش Services – اتمام Services15:23
کد نویسی ساختار Html بخش Destinations15:55
کد نویسی Css بخش Destinations17:32
کد نویسی Css بخش Destinations-Place جلسه اول15:54
کد نویسی Css بخش Destinations-Place جلسه دوم9:29
ریسپانسیو سازی بخش Destinations13:18
ریزکاری های بخش Destinations – اتمام Destinations11:08
کد نویسی ساختار Html بخش Newsletter18:50
کد نویسی Css بخش Newsletter جلسه اول20:07
کد نویسی Css بخش Newsletter جلسه دوم18:53
ریسپانسیو سازی بخش Newsletter – اتمام Newsletter20:20
کد نویسی ساختار Html بخش Footer جلسه اول13:33
کد نویسی ساختار Html بخش Footer جلسه دوم16:57
کد نویسی Css بخش Footer جلسه اول18:21
کد نویسی Css بخش Footer جلسه دوم15:30
ریسپانسیو سازی بخش Footer – اتمام Footer23:49
رفع باگ ها و تکمیل پروژه بخش اول14:29
رفع باگ ها و تکمیل پروژه بخش دوم – اتمام پروژه سایت شرکتی19:41
بازبینی و اصلاحیه پروژه15:26
فشرده سازی تصاویر و فایل های Css – اضافه کردن پیشوند کد های Css20:00
سخن پایانی – پایان فصل چهارم2:05
آزمون پایانی فصل چهارم
فصل پنجم – پیاده سازی Grid System
سیستم گرید(Grid System) چیست؟9:53
توضیح نقاط شکست(Breakpoints) و کلمات کلیدی مربوطه11:31
کد نویسی کلاس row و col12:49
نحوه محاسبه عرض ستون ها15:05
کد نویسی تمامی کلاس های col + تمرین13:40
حل تمرین جلسه قبل – توضیح نحوه استفاده از ردیف و ستون16:16
ایجاد ستون های ریسپانسیو جلسه اول12:02
ایجاد ستون های ریسپانسیو جلسه دوم9:17
تمرین – پیاده سازی طرح با سیستم گرید9:39
حل تمرین جلسه قبل – پایان فصل پنجم10:07
آزمون پایانی فصل پنجم
فصل ششم – پروژه سایت شخصی
فایل های مورد نیاز و خروجی گرفتن از طرح16:21
ایجاد ساختار پروژه و دسته بندی فایل های مورد نیاز12:22
تحلیل طرح سایت شخصی15:38
کد نویسی ساختار Html بخش Header5:32
کد نویسی Css بخش Header جلسه اول15:45
کد نویسی Css بخش Header جلسه دوم15:46
کد نویسی Css بخش Header جلسه سوم12:49
ریسپانسیو سازی بخش Header15:52
تکمیل بخش Header12:21
کد نویسی ساختار Html بخش Home13:19
کد نویسی Css بخش Home جلسه اول17:48
کد نویسی Css بخش Home جلسه دوم16:11
ریسپانسیو سازی بخش Home جلسه اول13:13
ریسپانسیو سازی بخش Home جلسه دوم19:21
تکمیل بخش Home28:43
کد نویسی ساختار Html بخش About us13:22
کد نویسی Css کامپوننت Sections12:16
کد نویسی Css بخش About us جلسه اول15:03
کد نویسی Css بخش About us جلسه دوم7:41
ریسپانسیو سازی بخش About us – اتمام About us14:58
کد نویسی ساختار Html بخش Services10:06
کد نویسی Css بخش Services16:24
ریسپانسیو سازی بخش Services – اتمام Services20:18
تحلیل ساختار بخش Resume جلسه اول14:05
تحلیل ساختار بخش Resume جلسه دوم8:24
کد نویسی ساختار Html بخش Resume12:20
کد نویسی Css بخش Resume جلسه اول13:27
کد نویسی Css بخش Resume جلسه دوم15:59
کد نویسی Javascript بخش Resume جلسه اول8:03
کد نویسی Css بخش Resume جلسه سوم15:58
کد نویسی Javascript بخش Resume جلسه دوم16:44
ریسپانسیو سازی بخش Resume – اتمام Resume22:17
کد نویسی ساختار Html بخش Portfolio12:46
کد نویسی Css بخش Portfolio13:17
ریسپانسیو سازی SwiperJs بخش Portfolio9:55
ریسپانسیو سازی بخش Portfolio5:28
کد نویسی NavigationTabs بخش Portfolio15:58
بازنویسی و بهبودی کد های Javascript بخش Portfolio – اتمام Portfolio9:27
کد نویسی ساختار Html بخش Pricing9:37
کد نویسی Css بخش Pricing جلسه اول9:09
کد نویسی Css بخش Pricing جلسه دوم11:41
ریسپانسیو سازی بخش Pricing – اتمام Pricing2:51
کد نویسی ساختار Html بخش Contact us10:58
کد نویسی Css بخش Contact us جلسه اول11:42
کد نویسی Css بخش Contact us جلسه دوم12:34
کد نویسی Css بخش Contact us جلسه سوم7:48
ریسپانسیو سازی بخش Contact us – اتمام Contact us4:39
کد نویسی ساختار Html بخش Footer4:07
کد نویسی Css بخش Footer12:21
ریسپانسیو سازی بخش Footer – اتمام Footer00:02:56
اصلاح و بهبود جزئیات پروژه21:02
رفع مشکل تار شدن متن ها هنگام استفاده از ()skew00:14:21
کد نویسی Javascript بخش Scroll to section13:49
مقدمه ای بر Intersection Observer API13:04
تکمیل نهایی بخش Scroll پروژه توسط Intersection Observer10:14
مقدمه ای بر Dark mode و بررسی روش های پیاده سازی00:13:17
پیاده سازی Dark mode جلسه اول – ایجاد دکمه Switch Theme00:10:27
پیاده سازی Dark mode جلسه دوم – تغییر رنگ ها00:11:57
پیاده سازی Dark mode جلسه سوم – تغییر رنگ ها8:07
پیاده سازی Dark mode جلسه چهارم – ذخیره تم در LocalStorage – اتمام پروژه سایت شخصی14:09
بررسی فایل های نهایی پروژه و نکات مربوطه7:47
حل مشکل Tap Highlight عناصر9:40
صحبتی با شما
فصل هفتم – نکات مهم برای بالا بردن مهارت (بزودی)
بررسی کد های Normalize.css و Reset.css
