دوره جامع HTML و CSS

اولین قدم برای ورود به دنیای برنامه نویسی وب و فرانت اند یادگیری HTML&CSS است که به ما این امکان را میدهد تا ظاهر استاتیک سایت را پیاده بکنیم. منظور از پیاده سازی ظاهر طراحی با ابزار هایی مثل Adobe XD و .. نیست. این یک مهارت جدا است که توسط شخص دیگری انجام میشود و وظیفه شما پیاده سازی دقیق طرح گرافیکی به وسیله کد های HTML&CSS است.

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


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

۱۷ ساعت

۱۱۹ جلسه

logo

چرا برنامه نویسی وب؟

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

در این دوره چه آموزش داده می شود؟

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

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

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

مزیت های این دوره؟

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

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

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

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

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

  • و …

هدف از دوره؟

احتمالا دیده باشید که در خیلی از دوره ها مباحث قدیمی و بدون استفاده مانند float گفته شده اما به مباحث بروزی مانند Flex و Grid اهمیت داده نشده است. این دوره دقیقا برای پر کردن این خلا ها است تا مباحث آپدیت و به روز که مورد نیاز بازار کار است به شما ارایه داده شود.

برای تسلط بیشتر چه کنیم؟

هر چیزی که نیاز باشد برای شما آماده شده است. در این دوره چندین پروژه واقعی انجام شده تا با نحوه استفاده از پراپرتی های CSS و همچنین layoutبندی کردن صفحات آشنا بشوید.

سرفصل ها

۱

توصیح مختصری درباره html و css

۵ دقیقه

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

۲

معرفی کروم و ادیتور

۴ دقیقه

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

۳

آشنایی با vscode

۹ دقیقه

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

۴

تفاوت HTML و css و js

۱۰ دقیقه

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

۵

ساختار html

۱۰ دقیقه

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

۶

heading

۳ دقیقه

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

۷

paragraph

۳ دقیقه

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

۸

inspect elements

۳ دقیقه

۹

انواع لیست

۴ دقیقه

۱۰

image

۱۰ دقیقه

۱۱

hr & br

۴ دقیقه

۱۲

link

۹ دقیقه

۱۳

sup&sub&strong&em

۴ دقیقه

۱۴

جدول ها

۴ دقیقه

۱۵

audio

۴ دقیقه

۱۶

video

۳ دقیقه

۱۷

id & class

۴ دقیقه

۱۸

form(قسمت اول)

۱۱ دقیقه

۱۹

form(قسمت دوم)

۸ دقیقه

۲۰

form(قسمت سوم)

۲ دقیقه

۲۱

div & span

۱۰ دقیقه

۱

HTML5

۸ دقیقه

۲

meta tags

۸ دقیقه

۱

پروژه HTML

۲۳ دقیقه

۲

گپ خودمونی درباره HTML

۴ دقیقه

۱

مقدمه ای از CSS

۳ دقیقه

۲

inline css

۴ دقیقه

۳

internal css

۳ دقیقه

۴

external css

۴ دقیقه

۵

کدوم یکی قویتره ؟

۳ دقیقه

۶

سینتکس CSS

۲ دقیقه

۱

element selector & grouping selector

۶ دقیقه

۲

id selector & class selector

۱۱ دقیقه

۳

div and span with css

۸ دقیقه

۴

ارث بری

۶ دقیقه

۵

universal selector

۵ دقیقه

۱

color & background-color

۵ دقیقه

۲

RGB

۵ دقیقه

۳

RGBA

۴ دقیقه

۴

HEX

۵ دقیقه

۵

sits for color palette

۳ دقیقه

۱

width & height& px

۳ دقیقه

۲

percent

۳ دقیقه

۳

font-size

۲ دقیقه

۴

em & rem

۸ دقیقه

۵

vw & vh

۵ دقیقه

۱

inspect(e2)

۵ دقیقه

۱

calc()

۵ دقیقه

۱

font-weight & google fonts

۸ دقیقه

۲

font-face

۱۱ دقیقه

۳

font-weight & font-style

۴ دقیقه

۴

text-align & text-indent

۶ دقیقه

۵

line-height & letter-spacing & word-spacing & text-transform & text-decoration

۸ دقیقه

۶

font shorthand

۳ دقیقه

۱

padding

۱۰ دقیقه

۲

border

۶ دقیقه

۳

margin

۸ دقیقه

۴

outline

۳ دقیقه

۱

display

۸ دقیقه

۲

horizontal centering

۴ دقیقه

۳

descendant selectors & list-style

۷ دقیقه

۴

padding & margin in inline

۵ دقیقه

۵

inline-block

۴ دقیقه

۶

box-sizing

۶ دقیقه

۷

opacity & visibility & display

۱۰ دقیقه

۸

last rule order

۴ دقیقه

۱

background

۷ دقیقه

۲

background-size & background-repeagt

۹ دقیقه

۳

background-position & background-attachement

۷ دقیقه

۴

gradient

۷ دقیقه

۵

position

۱۶ دقیقه

۶

z-index

۷ دقیقه

۷

pseudo elements

۱۱ دقیقه

۸

pseudo class

۷ دقیقه

۹

more selectors

۹ دقیقه

۱۰

box-shadow & text-shadow

۹ دقیقه

۱۱

style HTML

۱۴ دقیقه

۱

fontawesome

۸ دقیقه

۲

can i use

۳ دقیقه

۱

flex part 1

۱۴ دقیقه

۲

flex part 2

۱۹ دقیقه

۳

پروژه navbar

۱۵ دقیقه

۴

پروژه main و aside

۱۲ دقیقه

۱

grid (قسمت اول)

۱۸ دقیقه

۲

grid (قسمت دوم)

۱۰ دقیقه

۳

grid (قسمت سوم)

۵ دقیقه

۴

پروژه ساخت کارد ها با گرید

۲۲ دقیقه

۱

responsive (قسمت اول)

۱۶ دقیقه

۲

responsive (قسمت دوم)

۶ دقیقه

۳

پروژه ریسپانسیو کردن navbar

۱۱ دقیقه

۴

پروژه ریسپانسیو کردن همرا با فلکس و گرید

۱۴ دقیقه

۱

پروژه فرم لاگین به سبک نِئومورفیسم

۳۲ دقیقه

۱

transform

۱۵ دقیقه

۲

transition( قسمت اول)

۱۱ دقیقه

۳

transition( قسمت دوم)

۱۲ دقیقه

۴

animation

۹ دقیقه

۵

اتمام پروژه فرم لاگین

۴ دقیقه

۱

فیلتر - قسمت اول

۸ دقیقه

۲

فیلتر - قسمت دوم

۷ دقیقه

۳

!important در سی اس اس

۴ دقیقه

۴

متغییر ها

۹ دقیقه

۵

prefix و منابع آن

۶ دقیقه

۱

مقدمه پروژه

۵ دقیقه

۲

ساختار اولیه HTML

۶ دقیقه

۳

تعریف فونت ها

۷ دقیقه

۴

پیاده سازی نوبار سایت

۱۹ دقیقه

۵

ریسپانسیو کردن نوبار

۷ دقیقه

۶

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

۲۶ دقیقه

۷

ساخت دراپ داون های نوبار

۲۴ دقیقه

۸

پیاده کردن بنر سایت

۲۱ دقیقه

۹

ریسپانسیو کردن بنر

۱۰ دقیقه

۱۰

طراحی کارت ها

۲۶ دقیقه

۱۱

ادامه کارت ها

۴ دقیقه

۱۲

قسمت شطرنجی سایت

۲۵ دقیقه

۱۳

باکس شروع سایت

۱۳ دقیقه

۱۴

قسمت پشتیبانی سایت

۱۹ دقیقه

۱۵

فوتر سایت

۱۳ دقیقه

۱۶

ریسپانسیو کردن فوتر

۸ دقیقه

۱۷

اضافه کردن زنگوله ثابت

۴ دقیقه

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

بله، در این دوره تمام مباحث و مفاهیم HTML&CSS از صفر گفته شده و نیاز به هیچ دانش قبلی راجع به HTML&CSS نیست.

خیر برای این دوره هیچ پیشنیازی لازم نیست در حدی که بشه کامپیوتر رو روشن خاموش کنی کافیه(این تیکه خیلی محاوره ای شد)

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

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

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

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

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

میلاد عظمی

میلاد عظمی

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

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

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

سارا رحیمی

دانشجوی HTML&CSS و جاوااسکریپت

من دوره HTML&CSS و جاوااسکریپت استاد عظمی رو تهیه کردم و به نظرم علاوه بر اینکه خیلی ساده و قابل فهم توضیح دادن، پشتیبانی خیلی خوب و قوی داره، ینی هر وقت که سوالی برامون پیش بیاد میتونیم بپرسیم و در کمترین زمان ممکن جواب رو میگیریم

logo

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

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

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

بخش های سایت

دوره ها

درباره ما

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

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