دوره جامع فرانت اند | مقدماتی و پروژه محور

فهرست پخش

3 فصل • 85 قسمت

فصل 1
خوش اومدی به دنیای کد!

10 قسمت • 144 دقیقه

قسمت یکم
مقدمه و آنچه در این دوره خواهیم آموخت !
12 دقیقه
قسمت دوم
پیش نیاز های یک برنامه نویس خوب
14 دقیقه
قسمت سوم
برنامه نویس و برنامه نویسی به چه معناست؟
12 دقیقه
قسمت چهارم
اینترنت چیه و چه طوری بوجود اومده ؟
20 دقیقه
قسمت پنجم
اینترنت به چه شکل کار میکنه و ساختارش چه شکلیه؟
26 دقیقه
قسمت ششم
وب چیه اصلا و چطوری با اینترنت کار میکنه؟
13 دقیقه
قسمت هفتم
یک کامپیوتر از چه اجزایی ساخته شده و هر کدوم وظیفشون چیه؟
19 دقیقه
قسمت هشتم
کد ادیتور یا ide چیه و چه ابزاری برای این دوره نصب میکنیم؟
8 دقیقه
قسمت نهم
کانفیگ و پیکر بندی vscode به بهترین شکل ممکن
13 دقیقه
قسمت دهم
نصب vscode در ویندوز با استاد کیومرث رحیمی !
7 دقیقه
فصل 2
آموزش جامع HTML (Hypertext Markup Language)

18 قسمت • 381 دقیقه

قسمت یکم
Html چیه ؟
13 دقیقه
قسمت دوم
ساختار و سینتکس Html به چه شکله ؟
18 دقیقه
قسمت سوم
Html در کد و کمی ساختار لوکال هاست و پورت ها
25 دقیقه
قسمت چهارم
آموزش تگ های heading و paragraph در HTML
26 دقیقه
قسمت پنجم
بررسی تگ های a , iframe , img
27 دقیقه
قسمت ششم
بررسی تگ های Formating
12 دقیقه
قسمت هفتم
بررسی تگ های quatation و citation
12 دقیقه
قسمت هشتم
لیست ها و inline و block بودن یک المنت در HTML
16 دقیقه
قسمت نهم
جدول یا Table در HTML
16 دقیقه
قسمت دهم
Semantic Element ها و بررسی انواعشون
17 دقیقه
قسمت یازدهم
بررسی فرم ها و اینپوت ها در HTML - قسمت اول
22 دقیقه
قسمت دوازدهم
بررسی فرم ها و اینپوت ها در HTML - قسمت دوم
21 دقیقه
قسمت سیزدهم
اتربیوت های معروف در عالم اینپوت های فرم در Html
30 دقیقه
قسمت چهاردهم
تگ های مولتی مدیا در Html مثل تگ <audio> و <video>
11 دقیقه
قسمت پانزدهم
کانفیگ برای وب فارسی و آشنایی با مفهوم Layout
20 دقیقه
قسمت شانزدهم
دیولوژی چیه‌ ‌! ( آموزش چینش درست div ها در یک Layout ) - پارت ۱
30 دقیقه
قسمت هفدهم
دیولوژی چیه‌ ‌! ( آموزش چینش درست div ها در یک Layout ) - پارت ۲
33 دقیقه
قسمت هجدهم
دسترسی پذیری یا Accessibility در اپلیکیشن ها وب
32 دقیقه
فصل 3
آموزش جامع CSS (Cascading Style Sheets)

57 قسمت • 1208 دقیقه

قسمت یکم
آموزش سینتکس Css و انواع مدل های استفادش در Html
18 دقیقه
قسمت دوم
آموزش نحوه Path دادن به یک فایل و انواع آن
15 دقیقه
قسمت سوم
انواع Selector ها در Css - قسمت اول
17 دقیقه
قسمت چهارم
انواع Selector ها در Css - قسمت دوم
24 دقیقه
قسمت پنجم
آموزش pseudo classes ها در css
25 دقیقه
قسمت ششم
آموزش Color ها در Css
16 دقیقه
قسمت هفتم
آموزش کامل background در CSS | نحوه استفاده از پس‌زمینه در طراحی وب
28 دقیقه
قسمت هشتم
آموزش کامل border و outline در CSS | تفاوت‌ها و نحوه استفاده
18 دقیقه
قسمت نهم
آموزش margin و padding در CSS | تفاوت فاصله داخلی و خارجی عناصر
21 دقیقه
قسمت دهم
آموزش تایپوگرافی وب – قسمت اول | اصول فونت و خوانایی متن
16 دقیقه
قسمت یازدهم
آموزش تایپوگرافی وب – قسمت دوم | سبک‌ها و تنظیمات پیشرفته فونت
14 دقیقه
قسمت دوازدهم
آموزش افزودن فونت فارسی به وب | صابر راستی کردار و وزیرمتن
21 دقیقه
قسمت سیزدهم
اهمیت افزودن Fallback در FontFamily و تاثیر آن بر عملکرد و تجربه کاربری
4 دقیقه
قسمت چهاردهم
روش‌های افزودن آیکون به CSS با FontAwesome و Material UI Icons
14 دقیقه
قسمت پانزدهم
استفاده از CSS در لیست‌ها و انواع List Style در طراحی وب
6 دقیقه
قسمت شانزدهم
استایل‌دهی به جدول‌های HTML با CSS و بهترین روش‌های طراحی
18 دقیقه
قسمت هفدهم
اصول BEM در CSS و نقش آن در ساختاردهی بهتر کدها
19 دقیقه
قسمت هجدهم
آموزش ویژگی Overflow در CSS به همراه مثال‌های عملی
21 دقیقه

ویژگی overflow در CSS برای کنترل نمایش محتوایی استفاده می‌شود که از محدوده عنصر خارج می‌شود. با تنظیم مقادیر مختلف مانند visible، hidden، scroll و auto می‌توان رفتار اسکرول، پنهان‌سازی و مدیریت محتوای اضافی را تعیین کرد. در این آموزش با مثال‌های عملی نحوه استفاده از overflow و کاربردهای آن در طراحی واکنش‌گرا را بررسی می‌کنیم.

قسمت نوزدهم
آموزش ویژگی‌های max-width، max-height، min-width و min-height در CSS
6 دقیقه
قسمت بیستم
آموزش backward compatible و forward compatible در برنامه نویسی
10 دقیقه
قسمت بیست و یکم
backward compatible و forward compatible در واقعیت
10 دقیقه
قسمت بیست و دوم
display ها - قسمت 1 ( inline و block )
15 دقیقه
قسمت بیست و سوم
display ها - قسمت 2 ( inline-block )
18 دقیقه
قسمت بیست و چهارم
تراز کردن المان‌ها با inline-block و vertical-align + مثال
30 دقیقه
قسمت بیست و پنجم
راهنمای جامع کار با ویژگی Float و رفع مشکلات چیدمان با Clearfix در CSS
21 دقیقه
قسمت بیست و ششم
display ها - قسمت3 (Table)
28 دقیقه
قسمت بیست و هفتم
display ها - قسمت4 (Flex) - مبانی
12 دقیقه
قسمت بیست و هشتم
چرا Flexbox؟ درک مفهوم طراحی ریسپانسیو (Responsive) در CSS
18 دقیقه
قسمت بیست و نهم
آموزش جامع justify-content و align-items در Flexbox؛ چیدمان حرفه‌ای المان‌ها با مثال کاربردی
27 دقیقه
قسمت سی اُم
آموزش Flex-wrap و Align-content در فلکس باکس
20 دقیقه
قسمت سی و یکم
آموزش کامل flex-grow و flex-shrink در CSS
13 دقیقه
قسمت سی و دوم
آموزش پایانی Flexbox در CSS | از پراپرتی‌های پیشرفته تا تمرین با Flex Froggy
30 دقیقه
قسمت سی و سوم
راهنمای کامل position: static و relative در CSS | تفاوت‌ها و کاربرد عملی
23 دقیقه
قسمت سی و چهارم
آموزش position: absolute در CSS | جای‌گذاری دقیق عناصر در صفحه
17 دقیقه
قسمت سی و پنجم
تفاوت position: fixed و sticky در CSS | پایان بحث position
17 دقیقه
قسمت سی و ششم
آموزش واحدهای CSS (قسمت ۱): تفاوت واحدهای Absolute و Relative
10 دقیقه
قسمت سی و هفتم
بررسی تخصصی واحدهای اندازه‌گیری CSS (قسمت ۲)؛ کاربرد px، em و rem
18 دقیقه
قسمت سی و هشتم
بررسی تخصصی واحدهای اندازه‌گیری CSS (قسمت ۳) | مقایسه کامل lvh، svh، dvh، vh و vw
19 دقیقه
قسمت سی و نهم
آموزش کامل Overwriting در CSS | تفاوت Overwrite، Override و Overloading به زبان ساده
22 دقیقه
قسمت چهلم
آموزش Overwriting در CSS و بررسی کامل اولویت‌ها (Specificity، Cascade و !important)
15 دقیقه
قسمت چهل و یکم
آموزش Overwriting در CSS بررسی یک اشتباه علمی در قسمت های گذشته
4 دقیقه
قسمت چهل و دوم
آموزش کامل @Media در CSS | طراحی ریسپانسیو با Media Query
40 دقیقه
قسمت چهل و سوم
پروژه دوره مقدماتی سایت اسنپ - قسمت اول
30 دقیقه
قسمت چهل و چهارم
پروژه دوره مقدماتی سایت اسنپ - قسمت دوم
41 دقیقه
قسمت چهل و پنجم
پروژه دوره مقدماتی سایت اسنپ - قسمت سوم
25 دقیقه
قسمت چهل و ششم
پروژه دوره مقدماتی سایت اسنپ - قسمت چهارم
42 دقیقه
قسمت چهل و هفتم
پروژه دوره مقدماتی سایت اسنپ - قسمت پنجم
31 دقیقه
قسمت چهل و هشتم
پروژه دوره مقدماتی سایت اسنپ - قسمت ششم
45 دقیقه
قسمت چهل و نهم
پروژه دوره مقدماتی سایت اسنپ - قسمت هفتم
44 دقیقه
قسمت پنجاهم
پروژه دوره مقدماتی سایت اسنپ - قسمت هشتم
30 دقیقه
قسمت پنجاه و یکم
پروژه دوره مقدماتی سایت اسنپ - قسمت نهم
19 دقیقه
قسمت پنجاه و دوم
پروژه دوره مقدماتی سایت اسنپ - قسمت دهم
27 دقیقه
قسمت پنجاه و سوم
پروژه دوره مقدماتی سایت اسنپ - قسمت یازدهم
8 دقیقه
قسمت پنجاه و چهارم
پروژه دوره مقدماتی سایت اسنپ - قسمت دوازدهم
24 دقیقه
قسمت پنجاه و پنجم
پروژه دوره مقدماتی سایت اسنپ - قسمت سیزدهم
20 دقیقه
قسمت پنجاه و ششم
پروژه دوره مقدماتی سایت اسنپ - قسمت چهاردهم
24 دقیقه
قسمت پنجاه و هفتم
پروژه دوره مقدماتی سایت اسنپ - قسمت پانزدهم و پایانی
40 دقیقه