دوره جامع و پروژه محور Tailwind

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

۶۹۹,۰۰۰ تومان


پشتیبانی دائمی

۱۴ ساعت

۶۰ جلسه

logo

Tailwind CSS چیست؟

Tailwind یک فریم ورک از CSS است. اگر تازه شروع به یادگیری برنامه نویسی کردید شاید کلمه فریم ورک کمی گیج کننده باشد اما نگران نباشید استفاده از خود Tailwind بسیار ساده است.👌 با وجود utility classهایی که Tailwind در اختیار ما میگذراد میتوانیم خیلی ساده و سریع هر دیزاینی رو پیدا کنیم. در کنار سرعت توسعه بالا، پرفورمنس بسیار خوبی را هم ارایه میدهد به صورتی که حجم فایل نهایی CSS کمتر از ۱۰ کیلوبایت خواهد بود.

چرا Tailwind CSS مهم است؟

یکی از فاکتور های مهم در استفاده از یک فریم ورک در پروژه های مختلف، سرعت توسعه آن است. و Tailwind در این موضوع بسیار عالی عمل میکند چون استفاده از آن نسبت به CSS خام سرعت خیلی بیشتری به روند توسعه برنامه میدهد و زودتر به نتیجه مطلوب خواهیم رسید. در کنار این موضوع، یک فاکتور مهم دیگر هم وجود دارد و آن هم پرفورمنس سایت است که Tailwind در این زمینه هم عملکرد چشم گیری دارد. سایت هایی که با Tailwind توسعه داده میشوند به دلیل حجم پایین CSS سرعت لود بهتری خواهند داشت. نباید از قابلیت Customization فریم ورک Tailwind غافل بشیم چون به ما کمک خواهد کرد تا سایت هایی با ظاهر کاملا متفاوت ایجاد کنیم و تغییرات دلخواه را در‌آن اعمال کنیم.

با وجود Tailwind CSS دیگر نیازی به CSS نیست؟

شعار Tailwind این است که بدون خارج شدن از فایل HTML میتوانید به پروژه استایل بدید و عملا نیازی به نوشتن CSS نیست. اما فراموش نکنید که Tailwind امکان Customize کردن پروژه و افزودن کلاس ها مختلف و یا تغییر آن ها را در اختیار ما قرار داده است و میتوانیم با نوشتن CSS این تغییرات را اعمال کنیم.

وضعیت بازار کار؟

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

پیشنیاز دوره؟

برای شروع این دوره لازم است که آشنایی ابتدایی با HTML&CSS را داشته باشید. البته در داخل دوره توضیحات به نحوی است که ضعف هایتان برطرف خواهد شد چرا که به صورت پایه ای آموزش داده شده است.

ویژگی های دوره:

  • به صورت جامع و از صفر آموزش داده خواهد شد

  • پروژه محور

  • پشتیبانی دایمی

  • آپدیت و بروز

  • بررسی نکات پیشرفته Tailwind CSS

  • بررسی Customization

  • بررسی Plugin ها

مزیت های دوره:

  • این دوره پشتیبانی دائمی دارد و همیشه پاسخگوی سوالات دانشجویان خواهم بود.

  • تمام دانشجو های‌بوتواستارت از وبینار های هفتگی برخوردار خواهند شد که باعث میشود مشکلات خود را چه در زمینه آموزش و چه در زمینه استخدام سریعتر حل کنند و زودتر به نتیجه برسند.

  • با آپدیت های جدید Tailwind CSS این دوره هم آپدیت خواهد شد و به صورت رایگان در اختیار دانشجویان دوره قرار خواهد گرفت.

  • در صورت تقاضای دانشجویان قسمت های جدید بسته به نیاز آن ها اضافه خواهد شد.

  • پذیرای انتقادات و پیشنهادات شما هستم و همیشه سعی در ارتقای دوره ها خواهم داشت.

  • برای کسانی که اول راه برنامه نویسی هستند مشاوه رایگان در نظر گرفته شده است (پس دقت کنید که در حین ثبت نام شماره درست را وارد کنید تا از طریق آن در ارتباط باشیم)

  • و …

به دوره دیگری نیاز خواهم داشت؟

تمام تلاش من در طول ضبط دوره این بوده است که تمام مباحث را به صورت کامل برایتا توضیح دهم تا علاوه بر صرفه جویی در هزینه، در مدت زمان کمتری هم به تسلط بالا برسید. با شرکت در این دوره یک بار هزینه میکنید و هر آنچه که برای‌ ورود به بازار کار نیاز خواهید داشت را به دست می آورید.

سرفصل ها

۱

مقدمه

۲ دقیقه

تماشای ویدیو
دانلود ویدیو

۲

تیلویند چیست؟

۵ دقیقه

تماشای ویدیو
دانلود ویدیو

۳

ویژگی های تیلویند؟

۴ دقیقه

تماشای ویدیو
دانلود ویدیو

۱

نصب ابزار های موردنیاز

۳ دقیقه

تماشای ویدیو
دانلود ویدیو

۲

نصب تیلویند با cdn

۳ دقیقه

تماشای ویدیو
دانلود ویدیو

۳

نصب تیلویند با Tailwind CLI

۱۲ دقیقه

۴

نحوه minify کردن تیلویند

۴ دقیقه

۱

Typography

۱۷ دقیقه

۲

Colors

۵ دقیقه

۳

Backgrounds

۲۱ دقیقه

۴

Borders

۱۴ دقیقه

۵

Spacing & Sizing

۱۱ دقیقه

۶

Effects

۸ دقیقه

۷

Filters

۶ دقیقه

۸

Tansition & Animation

۱۰ دقیقه

۹

Transform

۷ دقیقه

۱۰

Interactivity & SVG & Accessibility

۶ دقیقه

۱

Pseudo Classes

۱۷ دقیقه

۲

Group&Peer Modifiers

۱۳ دقیقه

۳

Pseudo Elements

۵ دقیقه

۱

Layout

۱۴ دقیقه

۲

Flex - grow- shrink - basis

۱۴ دقیقه

۳

Gap - Direction - Wrap- Order

۵ دقیقه

۴

Justify & Align

۶ دقیقه

۵

Grid - Rows & Columns

۷ دقیقه

۶

Grid auto flow

۳ دقیقه

۷

Align & Justify

۱۱ دقیقه

۱

Responsive Design

۷ دقیقه

۲

Dark Mode

۵ دقیقه

۳

تغییر Dark Mode به صورت دستی

۶ دقیقه

۴

Directives

۱۴ دقیقه

۵

Functions

۶ دقیقه

۱

ایجاد ساختار کارد

۱۰ دقیقه

۲

محتوای کارد

۶ دقیقه

۳

رنگ ها و سایز ها

۶ دقیقه

۴

ایجاد button ها

۷ دقیقه

۵

پیاده کردن Dark Mode

۳ دقیقه

۱

Customization - قسمت اول

۶ دقیقه

۲

Customization - قسمت دوم

۳ دقیقه

۳

Customization - قسمت سوم

۳ دقیقه

۱

در حال ضبط...

--

۱

در حال ضبط...

--

۱

در حال ضبط...

--

سوالات متداول

بله، در این دوره تمام مباحث و مفاهیم Tailwind از صفر گفته شده و فقط آشنایی ابتدایی با HTML&CSS را لارم دارد.

بله. نیاز به آشنایی اولیه با HTML&CSS را دارد.

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

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

بله، دوره کاملا آپدیت است. همچنین مباحثی که مورد نیاز دانشجو ها باشد و یا استفاده ازشون در پروژه ها رو به افزایش باشد نیز به دوره اضافه خواهد شد. کمااینکه تا همین الان هم چند سری آپدیت به دوره ها اضافه شده است.

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

از چه کسی یاد میگیرید؟

میلاد عظمی

میلاد عظمی

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

سلام بچه ها👋 من میلادم و از سال ۹۴ مشغول برنامه نویسی فرانت اند و ریکت هستم و همچنین در سال ۹۸ وارد حوزه آموزش نیز شدم و چندین دوره در سایت های بزرگ ایرانی منتشر کردم و در نهایت تصمیم به تدریس در پلتفرم اختصاصی خودم ینی بوتواستارت گرفتم. تمام تلاشم اینه تا دوره هایی رو بهتون ارایه بدم که علاوه بر مباحث مهم حاوی پروژه و تجربه باشه تا مسیر ورود شما به بازار کار رو راحتتر کنم

logo

آکادمی بوتواستارت

آموزش برنامه نویسی | پروژه محور | پشتیبانی دائمی | جامع

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

بخش های سایت

دوره ها

درباره ما

نظرات دانشجویان

ساخته شده با ❤️ در بوتواستارت