تخفیفات عید تا عید

تخفیفات عید تا عید

🎉 تخفیف شگفت‌انگیز تاپ‌لرن به مناسبت عید قربان تا غدیر! 🎉

فرصت طلایی یادگیری فرا رسیده!
تاپ‌لرن به مناسبت  اعیاد قربان تا غدیر، تخفیفی ویژه برای شما در نظر گرفته است:

🔥 ۷۰٪ تخفیف روی تمام دوره‌های آموزشی سایت، فقط برای مدت محدود!

پس اگر مدت‌هاست قصد داشتید مهارتی یاد بگیرید یا دوره‌ای رو تهیه کنید، الان بهترین زمانشه!

قیمت این دوره: 499,000 149,700 تومان
  • مدرس دوره : علی شاهوی
  • تعداد ویدیوها : 35 ویدیو
  • مدت زمان دوره : 8:52:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
ثبتـــ نام در این دوره ثبت نام در دوره
پروژه طراحی سایت پرتال فنی و حرفه ای با CSS خام و Tailwind

پروژه طراحی سایت پرتال فنی و حرفه ای با CSS خام و Tailwind

به نام برنامه نویس جهان

با درود فراوان خدمت دوستان عزیز ، هنگامی که شما زبان های نشانه گذاری HTML و CSS رو یاد میگیرید و حتی سراغ کتابخانه محبوب Tailwindcss میرید به یکی از بخش های مهم کارنامه کاری خودتون میرسید : پروژه !! حتما حتما هر روز به این موضوع فکر می کنید پروژه چجوری بزنم و یا حتی پروژه چی بزنم ؟!  

حتی اگر به موضوع پروژه هم رسیده باشید ؛ اینکه چجوری باید پروژه بزنید و چه ساختار و استاندارد هایی رو باید رعایت کنید رو ندونید و اواسط پروژه متاسفانه پروژه رو نصفه رها کنید و اینکار علاوه بر اینکه باعث بی انگیزگی شما میشه حتی ممکنه  که رغبت برگشت به کار رو نداشته باشید.

در این دوره به شما دوستان عزیز ساختار ها و استاندارد های مهمی رو آموزش میدم که برای زدن یک پروژه ساده فرانت اندی لازمه و یک پروژه رو با دو ساختار مختلف طراحی می کنیم باهم تا یادبگیریم که در هر شرایط و موقعیت کاری چجوری از دانش و مهارت خودمون بهره ببریم. استاندارد های مهم کنسرسیوم جهانی وب و ساختار بندی مهم پروژه رو باهم یادمیگیریم و تا انتهای یک پروژه خوب من در کنار شما هستم.

این دوره نیاز به دانش کافی در مورد HTML,CSS,Tailwindcss داره که میتونید دوره دوره جامع و پروژه محور متخصص فرانت اند - مقدماتی رو مشاهده کنید که درباره زبان های HTML و CSS کامل صحبت کردم.

شمارو تو دوره میبینم و باهم دوتا پروژه بسیار خوب و لذت بخش خواهیم داشت

منتظرتم دوست من !!!

 

پیش نیاز های دوره  : HTML ,CSS , TailwindCSS,NPM,ICDL




فهرستـــ ویدیوها

مدت زمان دوره 8:52:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره

00:06:11

در این جلسه درباره کل دوره و سر فصل های آموزشی صبحت خواهیم کرد.

2
  • تشریح پروژه و ابزار های مورد نیاز

00:13:12

در این جلسه درباره تمامی ابزار ها و افزودنی های مورد نیاز برای توسعه پروژه صحبت می کنیم.

3
  • آماده سازی ساختار پروژه + نحوه پوشه بندی

00:25:35

در این جلسه به نصب تمامی ابزار ها و کتابخانه ها می پردازیم و معماری پروژه را طراحی می کنیم

4
  • طراحی هدر – بخش اول

00:25:32

در این جلسه بخش اول ساختار هدر طراحی و به نکات مهم اون میپردازیم.

5
  • طراحی هدر – بخش دوم

00:19:18

ادامه طراحی بخش Bottom Bar در Header

6
  • طراحی هدر – بخش سوم

00:19:41

در این جلسه درباره مشکلات و نحوه نصب کتابخانه Jalali Date یا همان تاریخ شمسی و حل مشکل Hover صحبت خواهیم کرد.

7
  • طراحی هدر - بخش چهارم

00:24:24

در این جلسه بخش زیر منوهارو به صورت کامل طراحی میکنیم.

8
  • طراحی هدر بخش پنجم

00:20:27

در این جلسه درباره ساختار و مکانیسم طراحی واکنش گرایی Tailwind و تغییر هدر صحبت می کنیم.

9
  • نصب پلاگین Prettier مخصوص Tailwind

00:07:29

درباره اصول ترتیب کلاس های Tailwind و نصب افزونه مخصوصش صحبت کردیم.

10
  • طراحی محتوای اصلی - بخش اول

00:18:15

در این جلسه طراحی محتوای اصلی شروع می کنیم.

11
  • طراحی محتوای اصلی - بخش دوم

00:09:46

در این بخش یک مشکل از position زیر منو هارو حل میکنیم و یک باکس رو از محتوای اصلی طراحی میکنیم.

12
  • طراحی محتوای اصلی - بخش سوم

00:28:21

در این جلسه محتوای اصلی رو واکنش گرا میکنیم ، مشکلات و باگ های طراحی رو رفع میکنیم و درباره نکات واکنش گرایی صحبت می کنیم.

13
  • طراحی محتوای اصلی - بخش چهارم

00:24:46

در این جلسه مشکلات واکنش گرایی یک سری المان هارو در سایز مانیتور حل میکنیم و مکانسیم React رو به صورت خام در javascript پیاده سازی میکنیم.

14
  • طراحی محتوای اصلی - بخش پنجم

00:22:56

در این جلسه درباره نحوه تکرار کامپوننت ها صحبت خواهیم کرد

15
  • معرفی افزونه live server

00:02:20

در این جلسه نحوه نصب جدای بسته Live Server از طریق NPM رو معرفی میکنیم.

16
  • طراحی فوتر

00:12:45

در این جلسه به طور کامل فوتر رو طراحی میکنیم.

17
  • شروع فصل جدید - پروژه با CSS خام + BEM CSS

00:02:20

شروع فصل جدید : طراحی پروژه با CSS خام و BEM CSS

18
  • تشریح پروژه و ابزار های مورد نیاز با CSS خام

00:03:44

در این بخش درباره پروژه صحبتی میکنیم و ابزار های مورد نیاز به علاوه راهکار در محدودیت های اینترنتی رو شرح میدیم.

19
  • آماده سازی ساختار پروژه + نحوه پوشه بندی در CSS خام

00:13:09

درباره آماده سازی ساختارپروژه و نحوه پوشه بندی در فصل CSS خام صحبت میکنیم.

20
  • طراحی هدر بخش اول (CSS خام)

00:25:21

در این جلسه طراحی بخش اول هدر رو با CSS GRID شروع میکنیم و بنیان پروژه رو هم همزمان طراحی میکنیم.

21
  • طراحی هدر بخش دوم (CSS خام)

00:20:47

در این جلسه ادامه طراحی هدر رو تشریح می کنیم.

22
  • طراحی هدر بخش سوم (CSS خام)

00:18:33

در این جلسه نحوه استفاده از کتابخانه jdate در محدودیت های اینترنتی و درج تاریخ در هدر صبحت می کنیم.

23
  • محدودیت اینترنت و توسعه دهندگان

00:05:12

در این جلسه درباره راه حل هایی برای دسترسی به بسته ها برای توسعه دهندگان صحبت می کنیم.

24
  • طراحی هدر بخش چهارم (CSS خام)

00:13:01

در این جلسه بخش ناوبری هدر رو تکمیل میکنیم.

25
  • طراحی هدر بخش پنجم (CSS خام)

00:17:01

در این جلسه زیر منو های هدر رو طراحی میکنیم.

26
  • طراحی هدر بخش ششم (CSS خام)

00:15:19

در این جلسه زیرمنوی بزرگ رو کامل طراحی میکنیم.

27
  • طراحی هدر بخش هفتم (CSS خام)

00:15:36

در این جلسه نکات واکنش گرایی با css خام رو توضیح خواهیم داد.

28
  • طراحی محتوای اصلی بخش اول (CSS خام)

00:31:04

در این جلسه بخشی از محتوای اصلی را طراحی میکنیم.

29
  • طراحی محتوای اصلی بخش دوم (CSS خام)

00:21:02

در این بخش ادامه بخش اصلی رو طراحی میکنیم.

30
  • طراحی محتوای اصلی بخش سوم (CSS خام)

00:08:32

در این جلسه به پایان طراحی محتوای اصلی خواهیم و پرداخت و توضیحاتی درباره اون میدیم.

31
  • طراحی محتوای اصلی بخش چهارم (CSS خام)

00:18:27

در این جلسه بخش محتوای اصلی رو به اتمام میرسونیم.

32
  • طراحی فوتر (CSS خام)

00:09:10

در این جلسه فوتر رو به طور کامل طراحی میکنیم.

33
  • اتمام دوره + آینده دوره

00:06:34

در این جلسه درباره ادامه دوره و بروزرسانی آن و اعلام اتمام دوره صحبت خواهیم کرد.

34
  • بروزرسانی دوره - حل مشکل horizontal scroll

00:04:03

در این جلسه اسکرول مضاعف و مزاحم ایجاد شده در صفحه را حذف می کنیم.

35
  • کد کامل پروژه با CSS خام

00:03:02

در این جلسه نمونه قالب پروژه تکمیل شده خدمت تمامی دوستان عزیز ارائه می گردد


نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .