HTML و CSS

HTML و CSS

دروازه ورود به جهان توسعه فرانت‌اند
محمد میرفاطمی
محمد میرفاطمیFrontend Developer at آبان تتر
۶ ساعت
۴.۲/۵
۳۱نفر
دستیار هوش مصنوعی
گواهینامه
ارزیابی
امکان خرید اقساطی با اسنپ‌پی
اشتراک دانشکار؛ یادگیری بی‌پایانخرید همه دوره‌ها با ۱,۵۰۰,۰۰۰ تومان

دوره HTML/CSS برای توسعه‌دهندگان فرانت‌اند

اگر به دنیای طراحی و توسعه وب علاقه‌مند هستید، یادگیری HTML و CSS اولین قدم جدی شما برای ورود به مسیر فرانت‌اند محسوب می‌شه. اسکیل‌کمپ HTML & CSS دقیقاً برای همین هدف طراحی شده؛ یک دوره ویدیویی، با بیش از ۸ ساعت آموزش مفید که از پایه شروع می‌شه و هیچ پیش‌نیازی لازم نداره.
در این دوره، با مفاهیم پایه‌ای ساختاردهی صفحات وب (HTML) و استایل‌دهی اون‌ها (CSS) آشنا می‌شید و در عمل می‌بینید که چطور می‌تونید ظاهر یک وب‌سایت رو طراحی و پیاده‌سازی کنید. این دوره به شما کمک می‌کنه تا بفهمید آیا واقعاً به مسیر فرانت‌اند علاقه دارید و آیا این حوزه می‌تونه آینده شغلی مناسبی براتون باشه یا نه.
یادگیری HTML و CSS نه‌تنها دروازه ورود به دنیای برنامه‌نویسی فرانت‌اند هست، بلکه درک بهتری از منطق طراحی و تجربه کاربر به شما می‌ده؛ مهارتی که در بسیاری از نقش‌های دیجیتال مثل طراحی UI، مدیریت محصول، دیجیتال مارکتینگ و… به شدت ارزشمنده.
اگر دنبال یک نقطه شروع مطمئن، قابل‌فهم و کاربردی برای ورود به مسیر فرانت‌اند هستید، این اسکیل‌کمپ مناسب شماست.

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

۲ فصل
۴۴ جلسه
۶ ساعت
۱.

آموزش HTML و CSS در دوره فرانت‌اند ری‌اکت

۰۰:۰۲:۲۱
۲.

آشنایی با HTML و CSS در توسعه وب

۰۰:۰۵:۱۳
۳.

آشنایی با HTML و CSS در وب‌سایت‌های واقعی

۰۰:۰۶:۳۲
۴.

آشنایی با HTML و سینتکس آن در فرانت‌اند

۰۰:۰۸:۱۲
۵.

آموزش شروع برنامه‌نویسی HTML با VS Code

۰۰:۰۵:۵۰
۶.

آشنایی با ساختار فایل HTML در ری‌اکت

۰۰:۰۶:۵۲
۷.

آشنایی با تگ‌ها در HTML و ویژگی‌های آن‌ها

۰۰:۱۶:۵۸
۸.

آغاز آموزش HTML و CSS در دوره فرانت اند ری‌اکت

۰۰:۱۰:۲۲
۹.

آشنایی با تگ div و کاربرد آن در وب‌سایت‌ها

۰۰:۰۷:۳۰
۱۰.

آشنایی با تگ‌های جدول در HTML و CSS

۰۰:۰۷:۴۰
۱۱.

آشنایی با فرم‌ها در HTML و ورودی‌های کاربر

۰۰:۱۴:۴۵
۱۲.

آشنایی با لیست‌ها در HTML و کاربردهای آن‌ها

۰۰:۰۵:۵۲
۱۳.

آموزش استفاده از تگ‌های ویدئو و صوت در HTML

۰۰:۰۶:۴۸
۱۴.

آموزش سینتکس CSS در فرانت‌اند با ReactJS

۰۰:۰۵:۰۶
۱۵.

روش‌های وارد کردن CSS به HTML

۰۰:۰۸:۵۴
۱۶.

آشنایی با selecter CSS در دوره فرانت‌اند

۰۰:۱۱:۰۲
۱۷.

مقدمه ای بر CSS

۰۰:۱۱:۰۲
۱۸.

آشنایی با مارجین و پدینگ در CSS با React JS

۰۰:۱۱:۰۹
۱۹.

آموزش ساخت وب‌سایت با HTML و CSS در React

۰۰:۲۲:۲۱
۲۰.

آشنایی با width، height و border-radius در CSS

۰۰:۰۴:۴۵
۲۱.

آموزش تغییر استایل فونت در CSS با ReactJS

۰۰:۰۸:۲۱
۲۲.

آشنایی با property display در CSS

۰۰:۱۰:۰۵
۲۳.

آموزش فلکس باکس در CSS برای فرانت‌اند با ری‌اکت

۰۰:۱۸:۴۶
۲۴.

تکمیل پروژه وب‌سایت با HTML و CSS در VS Code

۰۰:۱۸:۰۰
۲۵.

معرفی پوزیشن‌ها در CSS و کاربرد آن‌ها

۰۰:۱۵:۵۸
۲۶.

Combinators

۰۰:۰۸:۴۰
۲۷.

طراحی وب responsive با React JS

۰۰:۰۱:۴۹
۲۸.

متا تگ‌ها و طراحی ریسپانسیو وب با ری‌اکت‌جی‌اس

۰۰:۰۴:۵۱
۲۹.

آشنایی با مدیا کوئری در طراحی ریسپانسیو وب

۰۰:۰۴:۴۴
۳۰.

آموزش HTML و CSS در دوره فرانت‌اند ری‌اکت

۰۰:۰۲:۵۶
۳۱.

آشنایی با pseudo-class ها در CSS

۰۰:۰۹:۴۴
۳۲.

آشنایی با سودو کلاس‌ها در CSS

۰۰:۰۹:۲۳
۳۳.

آموزش pseudo-element در CSS با ری‌اکت

۰۰:۱۱:۵۷
۳۴.

آشنایی با transition در CSS در ری‌اکت

۰۰:۱۱:۵۲
۳۵.

آموزش انیمیشن در CSS و استفاده از Keyframes

۰۰:۱۴:۵۸
۳۶.

آشنایی با توابع CSS در فرانت اند با React JS

۰۰:۰۹:۰۹
۳۷.

آموزش CSS Grid در ری‌اکت برای طراحی وب

۰۰:۱۹:۳۶
۳۸.

آشنایی با مفهوم grid areas در CSS

۰۰:۰۷:۱۸
۳۹.

پیاده‌سازی وب‌سایت responsive با CSS Grid

۰۰:۲۳:۳۷
۴۰.

آشنایی با وریبل‌ها در CSS برای توسعه‌دهندگان Frontend

۰۰:۰۶:۳۰
۴۱.

آشنایی با propertyهای پیشرفته flex box در CSS

۰۰:۰۴:۵۳
۴۲.

آشنایی با flex grow در flex box

۰۰:۰۳:۵۹
۴۳.

آشنایی با پراپرتی‌های پیشرفته فلکس‌باکس

۰۰:۰۳:۱۰
۴۴.

مفاهیم پیشرفته flex wraping و flexbox

۰۰:۰۴:۰۸

مدرس دوره

محمد میرفاطمی

  • Frontend Developer at آبان تتر

محمد میرفاطمی

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

آموزش HTML و CSS در دانشکار

معرفی دوره آموزش HTML/CSS در دانشکار

شروعی مطمئن برای ورود به دنیای برنامه‌نویسی و طراحی سایت

اگر به دنیای وب و برنامه‌نویسی علاقه‌مندید اما نمی‌دونید از کجا شروع کنید، دوره HTML و CSS در دانشکار دقیقاً همون نقطه شروعیه که دنبالشی. این دوره به‌صورت کامل از پایه طراحی شده و هیچ پیش‌نیازی لازم نداره. با گذروندن این دوره، نه‌تنها مفاهیم اصلی طراحی صفحات وب رو یاد می‌گیری، بلکه می‌تونی مسیر ورودت به دنیای توسعه فرانت‌اند رو هموار کنی و برای ادامه یادگیری فریم‌ورک‌هایی مثل React و Next.js آماده بشی.

چرا یادگیری HTML و CSS مهمه؟

HTML و CSS دو مهارت پایه برای شروع برنامه‌نویسی وب و طراحی سایت هستن. بدون تسلط به این دو زبان، هیچ‌کدوم از ابزارهای مدرن برنامه‌نویسی مثل جاوااسکریپت، ری‌اکت یا ویو مفهومی ندارن.
با یادگیری این دوره:

ساختار صفحات وب رو به‌صورت اصولی می‌فهمی

می‌تونی اولین پروژه‌های طراحی سایتت رو بسازی

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

و می‌تونی بفهمی که آیا برنامه‌نویسی اصلاً برایت جذابه یا نه

این مهارت حتی برای افرادی که در حوزه‌های مرتبط مثل دیجیتال مارکتینگ، طراحی UI/UX، مدیریت محصول، سئو، تولید محتوا یا مدیریت وب‌سایت فعالیت می‌کنن هم ضروریه.

چرا دوره HTML و CSS دانشکار؟

جامع، پروژه‌محور و از پایه

قیمت بسیار مناسب و اقتصادی

پشتیبانی و منتورینگ اختصاصی در گروه تلگرام

دسترسی یک‌ساله به ویدیوهای آموزشی

 تدریس این دوره توسط محمد میر فاطمی، توسعه‌دهنده فرانت‌اند حرفه‌ای با سابقه فعالیت در شرکت‌های بزرگ مثل یکتانت و آبان‌تتر، با تسلط کامل به React، TypeScript و Next.js انجام می‌شه.

سرفصل‌های دوره HTML & CSS

در این دوره، تمام مباحث پایه و ضروری برای طراحی صفحات وب رو گام‌به‌گام یاد می‌گیری:

آشنایی با تگ‌های HTML و ساختار فایل HTML

کار با تگ‌های Headings، Paragraph، Link و Image

مفهوم div و ساختاردهی صفحه

کار با Media، رنگ‌ها، Margin و Padding

فونت‌ها و Combinators در CSS

طراحی ریسپانسیو (Responsive Web Design)

مفاهیم Pseudo، Transition، و Animation

CSS Grid و Flexbox (Flex Grow، Align Self، Flex Wrapping)

متغیرها و توابع CSS

این دوره مناسب چه کسانی است؟

کسانی که می‌خوان از صفر وارد مسیر برنامه‌نویسی فرانت‌اند بشن

افرادی که می‌خوان بدونن آیا به دنیای کدنویسی علاقه دارن یا نه

دیجیتال مارکترها، طراحان رابط کاربری، مدیران محصول، سئوکارها و تولیدکنندگان محتوا که نیاز دارن ساختار سایت رو درک کنن

دانشجویان و تازه‌کارهایی که دنبال یک نقطه شروع قابل اعتماد و مقرون‌به‌صرفه هستن

چطور توی این دوره ثبت‌نام کنم؟

۱. وارد سایت دانشکار بشو
۲. از بخش اسکیل‌کمپ‌ها دوره HTML & CSS رو انتخاب کن
۳. روی دکمه «شروع» کلیک کن
۴. شماره تلفن‌ات رو وارد کن و کد تایید رو بزن
۵. فرم اطلاعات فردی رو پر کن و دوره رو به سبد خریدت اضافه کن
۶. با پرداخت آنلاین، دوره برایت فعال می‌شه و می‌تونی بلافاصله یادگیری رو شروع کنی

 
مشاهده بیشتر
دانشکار
لوگو ساماندهی دانشکار-SAMANDEHI

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

از وزارت کار، تعاون و رفاه اجتماعی

لوگو نماد اعتماد دانشکار-ENAMAD

© ۱۴۰۵ تمام حقوق و محتویات این سایت متعلق به شرکت میزان بنیان

می باشد