دوره ها
فرانت اند
پروژه های خلاقانه با Html و Css(آپدیت ۲۰۲۳)

پروژه های خلاقانه با Html و Css(آپدیت ۲۰۲۳)

دوره  پروژه خلاقانه با HTML, CSS  با هدف تقویت CSS شما, با آموزش پروژه‌های پیشرفته و سطح بالا , طراحی شده تا دغدغه افرادی که می‌خواهند در حوزه Front-end مهارت خود را بهبود بخشند را حل کند.  اما توجه داشته باشید که برای استفاده از این آموزش با پروژه‌های پیشرفته، بایستی با یک سری مهارت‌ها قبلی آشنا باشید.

100% پیشنهاد شگفت انگیز
0 روز
0 ساعت
0 دقیقه
0 ثانیه
شرکت در دوره
220,000
رایگان!
پروژه های خلاقانه با Html و Css(آپدیت ۲۰۲۳)

وضعیت دوره

تکمیل شده

مدت زمان دوره

18 ساعت

آخرین بروزرسانی

1402/07/10

روش پشتیبانی

آنلاین

پیش نیاز

Html & CSS & Flexbox & Css Grid

نوع مشاهده

دانلودی/آنلاین

19080

دانشجو

5.0

رضایت

درصد تکمیل دوره 100%
مهرشاد براتی

مهرشاد براتی

برنامه نویس و توسعه دهنده فول استک وب

مشاهده پروفایل

توضیحات

دوره  پروژه خلاقانه با HTML, CSS  با هدف تقویت CSS شما, با آموزش پروژه‌های پیشرفته و سطح بالا , طراحی شده تا دغدغه افرادی که می‌خواهند در حوزه Front-end مهارت خود را بهبود بخشند را حل کند.  اما توجه داشته باشید که برای استفاده از این آموزش با پروژه‌های پیشرفته، بایستی با یک سری مهارت‌ها قبلی آشنا باشید. به ویژه در مباحث CSS مانند:

🔹 Flexbox

🔹 CSS Grid

🔹 Position

🔹 Animation

🔹 CSS Pseudo-classes

🔹 CSS Pseudo-elements

🔹 Css Media Query


آموزش Html

آموزش Css

سرفصل های دوره

18:45

سرفصل های جدید(درحال بارگذاری)

1

معرفی دوره
جلسه رایگان
01:29
2

نصب پیش نیاز ها
جلسه رایگان
07:45
3

نویگیشن منو پیشرفته ریسپانسیو قسمت اول
جلسه رایگان
28:55
4

نویگیشن منو پیشرفته ریسپانسیو قسمت دوم
جلسه رایگان
45:34
5

هدر پیشرفته سایت آموزشی قسمت 1
نقدی
30:51
6

هدر پیشرفته سایت آموزشی قسمت 2
نقدی
27:37
7

فرم لاگین پیشرفته شیشه ای ریسپانسیو
نقدی
34:35
8

نویگیشن منو باز شونده
نقدی
47:12
9

صفحه تماس با ما ریسپانسیو
نقدی
46:31
10

باکس پیشرفته آپلود فایل ها
نقدی
26:48
11

کیبورد طرح نئومورفیسم
نقدی
27:30
12

ساید بار منو شیشه ای باز شونده
نقدی
46:02
13

باکس لیست نوار پیشرفت
نقدی
26:07
14

دکمه‌های رسانه‌های اجتماعی
نقدی
30:37
15

هدر پیشرفته سایت مسافرتی قمست 1
نقدی
24:29
16

هدر پیشرفته سایت مسافرتی قمست 2
نقدی
21:09
17

تب نویگیشن اسلایدی
نقدی
39:42
18

دکمه اشتراک گذاری باز شونده
نقدی
23:34
19

صفحه لاگین طرح نئومورفیسم
نقدی
24:41
20

لودینگ انیمیشن
نقدی
09:11
21

کارت انیمیشن های ریسپانسیو
نقدی
39:58
22

سیستم شبکه بندی کارت محصول ریسپانسیو قسمت 1
نقدی
15:31
23

سیستم شبکه بندی کارت محصول ریسپانسیو قسمت 2
نقدی
15:28
24

سیستم شبکه بندی کارت محصول ریسپانسیو قسمت 3
نقدی
10:30
25

سیستم شبکه بندی کارت محصول ریسپانسیو قسمت 4
نقدی
03:04
26

دکمه های radio سفارشی جذاب
نقدی
26:20
27

سرج باکس باز شونده
نقدی
19:46
28

اسلایدر انیمیشن تصاویر
نقدی
26:19
29

آکاردئون منو
نقدی
42:14
30

نویگیشن منو موبایلی
نقدی
33:00
31

دکمه های تنظیمات گروهی سبک موبایلی
نقدی
17:33
32

جدول مدرن
نقدی
26:52
33

کارت بانکی
نقدی
19:31
34

صفحه 404 شیشه ای
نقدی
25:00
35

کارت گرید قیمت گذاری قسمت 1
نقدی
19:52
36

کارت گرید قیمت گذاری قسمت 2
نقدی
25:21
37

باکس جستجو طرح نئومورفیسم
نقدی
24:28
38

ماشین حساب زیبا
نقدی
23:58
39

صفحه لیست محصولات مدرن قسمت 1
نقدی
11:59
40

صفحه لیست محصولات مدرن قسمت 2
نقدی
15:29
41

صفحه لیست محصولات مدرن قسمت 3
نقدی
12:57
42

هدر پیشرفته سایت قهوه قسمت 1
نقدی
40:53
43

هدر پیشرفته سایت قهوه قسمت 2
نقدی
59:00

نظرات

ثبت نظر جدید
mjatr
دانشجو
1402/06/30
سلام دوره فوق العاده هست ممنون از کار ارزشمند شما خیلی کمک میکنه.
مهرشاد براتی
مدرس
1402/06/31
سلام دوست عزیز ، ممنونم ، شما لطف و محبت دارید ، موفق باشید
maneli1315
دانشجو
1402/06/24
ببخشید من بخش ریسپانسیو سازی پروژه هارو اصلا متوجه نمیشم میشه لطفا راهنمایی کنید . داخل سایت هم کلی گشتم آموزش ریسپانسیوسازی نبود. چون کدایی که من مینویسم با اون چیزی که شما مینویسین متفاوت هست و وقتی تغییر سایز میدم مشکل پیش میاد برام
مهرشاد براتی
مدرس
1402/06/25
سلام وقت بخیر ، از بخش پرسش و پاسخ ، سوال و کد های خودتون رو ارسال کنید تا راهنمایی کنیم شما رو
Sobhan_dh
دانشجو
1402/06/18
سلام خسته نباشید
میشه فایل کد هارو داشته باشیم
با تشکر 🌹
مهرشاد براتی
مدرس
1402/06/18
سلام دوست عزیز ، وقتی وارد صفحه جزییات هر قسمت بشی ، لینک دانلود سورس کد هست
sajad1377
دانشجو
1402/06/16
سلام وقت بخیر به همکاران سبز لرن
برای رفع اشکال که بعضی جاها برخورد میکنیم بصورت آنلاین چجوری میتونیم بپرسیم
مهرشاد براتی
مدرس
1402/06/17
سلام دوست عزیز ، در صفحه جزییات هر قسمت از آموزش پایین صفحه یک فرم با تایتل پرسش و پاسخ هست سوال خودتون رو اونجا مطرح کنید
Sobhan_dh
دانشجو
1402/06/16
سلام و خسته نباشید خدمت دوستان.
یک سوال داشتم من تازه دوره رو گرفتم و من با adobe Dreamweaver کد مینویسم میخواستم بدونم این کد هایی که شما با این برنامه مینویسید چقدر فرق داره یا کل برنامه با adobe Dreamweaver چقدر فرق داره؟
ممنون از تیم خوبتون 🌹
مهرشاد براتی
مدرس
1402/06/16
سلام دوست عزیز ، هیچ فرق خاصی در نوع کد نویسی و خروجی نداره ، در اصل کد ادیتور ها وظیفه ویرایش فایل ها دارن و هر کدوم با امکاناتی که در اختیار ما قرار میدن باعث میشه سریع تر کد بزنیم
ARMIN
دانشجو
1402/06/16
دوست عزیز سلام.
دریم ویور و وی اس کد و ...اینا همشون کد ادیتورن نمیتونن تو ساختار یک زبان دخالت و نقش داشته باشند.صرفا یک محیط برای کدنویسی است که شما راحتتتر کد بزنید واگرنه کدها همون کدها هستند
شاد باشید و شکرگزار
sajad1377
دانشجو
1402/06/16
سلام وقت بخیر در واقع هیچ فرقی نمیکنه ولی استفده از vs code راحت تر از اون برنامه هایی هست که شما استفاده میکنید و همچنین یک سری قابلیت های بیشتری هم دارد
مشاهده بیشتر