آموزش حرفه ای طراحی قالب با Html Css FlexBox از صفر
بعد از یادگیری Html,Css افراد با یک چالش بزرگی رو به رو میشن، اونم اینه که نمیتونن توسط دانشی که یادگرفتن یک طرحی رو از صفر به کد تبدیل کنن و وبسایتی رو پیاده سازی کنن، توی این دوره به شما از صفر اصول طراحی قالب و همچنین اصول طراحی واکنش گرا گفته میشه. آموزش Html
شرکت در دوره
580,000
وضعیت دوره
تکمیل شده
مدت زمان دوره
28 ساعت
آخرین بروزرسانی
1402/06/22
روش پشتیبانی
آنلاین
پیش نیاز
HTML & CSS & FlexBox
نوع مشاهده
دانلودی/آنلاین
1320
دانشجو
5.0
رضایت
درصد تکمیل دوره
100%
حمیدرضا عبادی
سرفصل های دوره
28:07
معرفی
1
معرفی دوره
جلسه رایگان
10:09
فصل اول - بررسی مفاهیم و اصطلاحات
1
چطور یک طراح قالب حرفه ای بشیم؟
جلسه رایگان
08:00
2
بررسی مفهوم container
جلسه رایگان
07:40
3
مفهوم row,col و helper class
جلسه رایگان
09:55
4
ویژگی box-sizing
جلسه رایگان
09:20
5
بررسی واحد های اندازه مطلق و نسبی در Css
جلسه رایگان
11:52
6
بررسی کد های Normalize.css و Reset.css
جلسه رایگان
07:49
7
بررسی Css Variables
جلسه رایگان
12:37
فصل دوم - مروری بر Media Query
1
بررسی مفاهیم مرتبط با Media Query
جلسه رایگان
16:07
فصل سوم - نامگذاری به روش BEM
فصل چهارم - پروژه سایت شرکتی
1
استخراج فایل های مورد نیاز از طرح
نقدی
17:27
2
ایجاد ساختار اولیه پروژه
نقدی
20:33
3
افزودن و ویرایش کد های مورد نیاز
نقدی
23:13
4
کد نویسی Container
نقدی
18:36
5
کد نویسی ساختار Html بخش Header
نقدی
22:48
6
کد نویسی همبرگر منو بخش اول
نقدی
20:18
7
کد نویسی همبرگر منو بخش دوم
نقدی
12:45
8
کد نویسی NavMenu برای موبایل
نقدی
16:16
9
کد نویسی Menu برای دسکتاپ
نقدی
19:03
10
تکمیل بخش Header(Nav)
نقدی
15:15
11
نوشتن کامنت های بخش Header
نقدی
05:02
12
کد نویسی بخش HeaderContent
نقدی
17:41
13
ریسپانسیو سازی بخش HeaderContent
نقدی
16:28
14
مرور بر مفاهیم و رفع اشکالات
نقدی
14:26
15
ریزکاری های بخش Header - اتمام Header
نقدی
17:10
17
کد نویسی Css بخش Services
نقدی
13:16
19
کد نویسی ساختار Html بخش Destinations
نقدی
15:55
20
کد نویسی Css بخش Destinations
نقدی
17:32
23
ریسپانسیو سازی بخش Destinations
نقدی
13:18
25
کد نویسی ساختار Html بخش Newsletter
نقدی
18:50
26
کد نویسی Css بخش Newsletter جلسه اول
نقدی
20:07
27
کد نویسی Css بخش Newsletter جلسه دوم
نقدی
18:53
29
کد نویسی ساختار Html بخش Footer جلسه اول
نقدی
13:33
30
کد نویسی ساختار Html بخش Footer جلسه دوم
نقدی
16:57
31
کد نویسی Css بخش Footer جلسه اول
نقدی
18:21
32
کد نویسی Css بخش Footer جلسه دوم
نقدی
15:30
33
ریسپانسیو سازی بخش Footer - اتمام Footer
نقدی
23:49
34
رفع باگ ها و تکمیل پروژه بخش اول
نقدی
14:29
36
بازبینی و اصلاحیه پروژه
نقدی
15:26
38
سخن پایانی - پایان فصل چهارم
نقدی
02:05
فصل پنجم - پیاده سازی Grid System
1
سیستم گرید(Grid System) چیست؟
نقدی
09:53
3
کد نویسی کلاس row و col
نقدی
12:49
4
نحوه محاسبه عرض ستون ها
نقدی
15:05
5
کد نویسی تمامی کلاس های col + تمرین
نقدی
13:40
7
ایجاد ستون های ریسپانسیو جلسه اول
نقدی
12:02
8
ایجاد ستون های ریسپانسیو جلسه دوم
نقدی
09:17
9
تمرین - پیاده سازی طرح با سیستم گرید
نقدی
09:39
10
حل تمرین جلسه قبل - پایان فصل پنجم
نقدی
10:07
فصل ششم - پروژه سایت شخصی
1
فایل های مورد نیاز و خروجی گرفتن از طرح
نقدی
16:21
3
تحلیل طرح سایت شخصی
نقدی
15:38
4
کد نویسی ساختار Html بخش Header
نقدی
05:32
5
کد نویسی Css بخش Header جلسه اول
نقدی
15:45
6
کد نویسی Css بخش Header جلسه دوم
نقدی
15:46
7
کد نویسی Css بخش Header جلسه سوم
نقدی
12:49
8
ریسپانسیو سازی بخش Header
نقدی
15:52
9
تکمیل بخش Header
نقدی
12:21
10
کد نویسی ساختار Html بخش Home
نقدی
13:19
11
کد نویسی Css بخش Home جلسه اول
نقدی
17:48
12
کد نویسی Css بخش Home جلسه دوم
نقدی
16:11
13
ریسپانسیو سازی بخش Home جلسه اول
نقدی
13:13
14
ریسپانسیو سازی بخش Home جلسه دوم
نقدی
19:21
15
تکمیل بخش Home
نقدی
28:43
16
کد نویسی ساختار Html بخش About us
نقدی
13:22
17
کد نویسی Css کامپوننت Sections
نقدی
12:16
18
کد نویسی Css بخش About us جلسه اول
نقدی
15:03
19
کد نویسی Css بخش About us جلسه دوم
نقدی
07:41
21
کد نویسی ساختار Html بخش Services
نقدی
10:06
22
کد نویسی Css بخش Services
نقدی
16:24
24
تحلیل ساختار بخش Resume جلسه اول
نقدی
14:05
25
تحلیل ساختار بخش Resume جلسه دوم
نقدی
08:24
26
کد نویسی ساختار Html بخش Resume
نقدی
12:20
27
کد نویسی Css بخش Resume جلسه اول
نقدی
13:27
28
کد نویسی Css بخش Resume جلسه دوم
نقدی
15:59
29
کد نویسی Javascript بخش Resume جلسه اول
نقدی
08:03
30
کد نویسی Css بخش Resume جلسه سوم
نقدی
15:58
31
کد نویسی Javascript بخش Resume جلسه دوم
نقدی
16:44
32
ریسپانسیو سازی بخش Resume - اتمام Resume
نقدی
22:17
33
کد نویسی ساختار Html بخش Portfolio
نقدی
12:46
34
کد نویسی Css بخش Portfolio
نقدی
13:17
35
ریسپانسیو سازی SwiperJs بخش Portfolio
نقدی
09:55
36
ریسپانسیو سازی بخش Portfolio
نقدی
05:28
37
کد نویسی NavigationTabs بخش Portfolio
نقدی
15:58
39
کد نویسی ساختار Html بخش Pricing
نقدی
09:37
40
کد نویسی Css بخش Pricing جلسه اول
نقدی
09:09
41
کد نویسی Css بخش Pricing جلسه دوم
نقدی
11:41
43
کد نویسی ساختار Html بخش Contact us
نقدی
10:58
44
کد نویسی Css بخش Contact us جلسه اول
نقدی
11:42
45
کد نویسی Css بخش Contact us جلسه دوم
نقدی
12:34
46
کد نویسی Css بخش Contact us جلسه سوم
نقدی
07:48
48
کد نویسی ساختار Html بخش Footer
نقدی
04:07
49
کد نویسی Css بخش Footer
نقدی
12:21
50
ریسپانسیو سازی بخش Footer - اتمام Footer
نقدی
02:56
51
اصلاح و بهبود جزئیات پروژه
نقدی
21:02
53
کد نویسی Javascript بخش Scroll to section
نقدی
13:49
54
مقدمه ای بر Intersection Observer API
نقدی
13:04
61
بررسی فایل های نهایی پروژه و نکات مربوطه
نقدی
07:47
62
حل مشکل Tap Highlight عناصر
نقدی
09:40
صحبتی با شما
1
پاسخ به سوال - آیا بعد این دوره نیازه باز هم دوره طراحی قالب ببینیم؟
جلسه رایگان
08:56
2
اهمیت یادگیری زبان انگلیسی و بررسی حقایق برنامه نویسی
جلسه رایگان
07:52
3
ادامه مسیر یادگیری و صحبت های پایانی
جلسه رایگان
05:22
فصل هفتم - نکات مهم برای بالا بردن مهارت (بزودی)
فعلا ویدیو ای برای این فصل قرار نگرفته است!
نظرات
ثبت نظر جدید
کنار این دوره میتونیم دوره JS رو هم شروع کنیم؟
بسیار متشکرم از دوره مفید و کاربردی ای که آموزش دادین. نکات بسیار مهمی رو یاد گرفتم و از یادگیری مطالب واقعا لذت بردم.
بسیار متشکرم از دوره مفیدی که آموزش دادین. مطالب بسیار کاربردی و مفیدی رو آموزش دادین. از دیدن آموزش خیلی لذت بردم.
ممنون از تدریس خوبتون استاد