۰۶ اسفند آموزش HTML ,CSS کاربردی
دوره آموزش کاربردی HTML , CSS | |
شامل | ۵ قدم = HTML + CSS + Project 1 + Project 2 + Host & Domain |
فرمت | ویدیو آموزشی به صورت mp4 |
تعداد جلسات | 77 جلسه ۲۴ ساعت و ۱۸ دقیقه و ۵۱ ثانیه |
دوره HTML | 25 جلسه ۸ ساعت و ۴۷ دقیقه و ۱۰ ثانیه |
دوره CSS | 33 جلسه ۱۰ ساعت و ۶ دقیقه و ۲۷ ثانیه |
پروژه اول | 7 جلسه ۱ ساعت و ۳۲ دقیقه و ۴۰ ثانیه |
پروژه دوم | 8 جلسه ۲ ساعت و ۱۱ دقیقه و ۴۴ ثانیه |
هاست و دامین | 4 جلسه ۱ ساعت ۵۱ دقیقه و ۵۰ ثانیه |
3 قسمت آموزش رو رایگان دانلود کن.
به دوره “برنامه نویسی HTML و CSS” خوش اومدی! توی این دوره قراره باهم یادبگیریم طراحی سایت یعنی چی. قدم اول در یادگیری برنامه نویسی وب گذروندن این دورست.
در این دوره یاد میگیریم که HTML چیه و چطور باید با HTML چهارچوب یک سایت رو بزنیم.
بعدش با هم یاد میگیریم تا چطوری به این چهارچوب با استفاده از CSS رنگ و لعاب بدیم.
و در آخر این دوره قراره تا با هم یک وب سایت معرفی محصول زیبا رو طراحی و کدنویسی کنیم.
مطمین هستم که اخر این دوره از مطالبی که گفته میشه ، کاملا رضایت داری و به راحتی میتونی ایده های خودت رو عملی کنی.
دوره برنامه نویسی وب مناسب چه کسانی است؟
- این دوره مناسب تمامی دانش آموزها، دانشجویان، کارآموزان و تمام عاشقان برنامه نویسی و طراحی سایته که میخوان وارد دنیای برنامه نویسی و طراحی وب بشن.
- همینطور اگه با طراحی سایت آشنایی داری یا مثلا با CMS های آماده ای مثل وردپرس بلدی سایت بزنی، با فراگیری این دوره قراره کلی کدنویسی، HTML و CSS یاد یگیری که مهارت خودت رو توی کارت بالا ببری.
- دوستانی که قصد دارند برنامهنویسی رو شروع کنند
- دوستانی که قصد شروع برنامهنویسی فرانت رو دارند
- دانشجویانی که قصد شروع یادگیری برنامهنویسی وب رو دارند
- دوستانی که قصد یادگیری HTML / CSS رو دارند
- دوستانی که دنبال علاقه خودشون در برنامهنویسی وب میگردند
- برنامهنویسان بکاند که قصد یادگیری HTML / CSS را دارند
- طراحان وب که قصد برنامهنویسی وب رو دارند
راهی که تو قراره طی کنی؟
با ثبت نام در این دوره، در ابتدای مسیر با HTML آشنا میشیم، بعدش CSS رو فرا میگیریم و در آخر یک سایت معرفی محصول با هم طراحی میکنیم.اگه طراحی یک سایت رو مثل ساخت یک ساختمون ببینی در حقیقت HTML چهارچوب و اسکلت اون ساختمونه و CSS نمای داخل و بیرون اون ساختمون محسوب میشه.ما با هم یاد میگیریم که چطور یک سایت رو از صفر صفر تا جایی که اون ساختمونمون حاضر بشه بنویسیم.
از کجا باید شروع کنم؟
همین حالا روی دکمه “شروع دوره” کلیک کن، اسم و ایمیلت رو وارد کن تا کل دوره رو یک جا داشته باشی.
در این دوره چه پروژه ای میزنیم؟
در این دوره بعد از اینکه به مفاهیم اساسی برنامه نویسی HTML و CSS تسلط پیدا میکنیم، ۲ پروژه اصلی داریم که با هم به پیاده سازی آن میپردازیم.
پروژه اول یک وبسایت رزومه شخصی هست
و پروژه دوم، صفحه معرفی محصول مک بوک از وبسایت اپل هست.
دوست داری یه پرش به سمت دنیای برنامه نویسی وب داشته باشی؟ با من همراه شو!
مقدمه
- مقدمه دوره طراحی سایت
- World Wide Web
- تفاوت دیزاین و دولوپ
- برنامهنویسی وب
- زبان های برنامهنویسی
- HTML/CSS
- فرانت-اند و بک-اند
- فول استک
نصب و راهاندازی
- آشنایی با HTML
- HTML چیست؟
- آیا HTML یک زبان برنامهنویسی است؟
- بررسی تفاوت Text Editor/Code Editor/IDE
- نصب و راه اندازی محیط توسعه VSCode
- نصب افزونه های VSCode
- نصب افزونه های Google Chrome
HTML
- HTML چیست؟
- فایل های HTML
- Tag در HTML
- تگهای ابتدایی در HTML
- HTML / Head / Body / Title / Hn / P / span / br / hr
- بررسی Attribute و Element
- تگ های مربوط به متن
- کامنتها
- تگ A
- تگ Img
- FavIcon
- تگهای مربوط به جداول Table
- تگ Div
- تگ Iframe
- تگهای مربوط به فرم Form / Input / Label / Select / Option / Textarea / Button
- تگهای ویدیو / صدا
- تگهای سمنتیک (معنادار) article / aside / details / figcaption / figure / footer / header / main / mark / nav / section / summary / time
CSS
- CSS چیست؟
- انواع سلکتور های CSS
- Element Selector
- ID Selector
- Class Selector
- Universal Selector
- Grouping Selector
- روش های لینک CSS به HTML بصورت Internal / External / Inline
- رنگ و انواع آن (Name / RGB / RGBA / HEX / HSL / HSLA / Gradients)
- رنگ های پیشزمینه
- بوردرها
- باکس ها در CSS
- Margin / Padding / Outline
- Width / Height
- CSS های مربوط به Text و Font
- Shadow
- Font Awesome
- Descendant Selector
- Child Selector
- Adjacent Selector
- General Sibling Selector
- Pseudo-Class Selector
- Anchor Pseudo Class Selector
- Pseudo-class and HTML class
- Pseudo-Element Selector
- Attribute Selector
- Links / Lists / Table / Display / Position / Z-Index / Overflow / Float / Opacity / CSS Units / !important
- CSS Math functions
- Transform & Transitions
- Animations
Responsive
- طراحی واکنشگرا
- Viewport
- Media Queries
- شکستن صفحه
- Responsive Images
- Inspect Element
پروژه
- پیاده سازی وب سایت رزومه شخصی(https://github.com/badrnezhad/ResumeTemplate)
- پیاده سازی وب سایت تک صفحهای اپل(https://github.com/badrnezhad/AppleMacBookTemplate)
پرواز
- دامنه
- هاست
- خرید هاست و دامنه
- اتصال هاست و دامنه
- آپلود کدها
- نتیجه گیری
سوالات متداول
پشتیبانی آنلاین
ایمیل مخصوص دوره
فرم مخصوص پرسش مستقیم از مدرس در صفحه پورتال در وبسایت
(همبنیانگذار هولوسن)
- برنامهنویس ارشد جاوا (ازکیوام)
- برنامهنویس جاوا (داتین)
- راهبر فنی (خیریه کودکان فرشتهاند)
- راهبر فنی (روکا)
- برنامهنویس ارشد دات نت (موسسه اعتباری نور)
- برنامهنویس دات نت (گسترش انفورماتیک ایران)
- تجربه پیادهسازی وب و موبایل اپلیکیشنهای مورد استفاده در حوزه بانکی کشور توسط بانکهای مطرحی مثل بانک سپه، صادرات، تجارت، پاسارگاد، رسالت، موسسه اعتباری نور و …
- تجربه بیش از ۱۰ سال برنامهنویسی در شرکتهای بزرگ ایرانی و خارجی
- تجربه بیش از ۴ سال تدریس تخصصی با بیش از ۱۰۰۰۰ دانشجو
- ۰۶اسفند
- ۱۵شهریور
آموزش اسپرینگ بوت
دوره آموزشی صفر تا صد جاوا اسپرینگ بوت ؛ از صفر با Spring Boot وب اپلیکیشن خودتان را بنویسید و به راحتی وارد بازار کار شوید....
2 نظر - ۳۱مرداد
آموزش برنامه نویسی از پایه |شکستن سد برنامه نویسی
آموزش برنامه نویسی از پایه و صفر. آموزش برنامه نویسی به صورت مفهموی و کاملا عملی با پروژه . گارانتی صد در صد محتوای دوره ....
32 نظر - ۰۹مرداد
آموزش برنامه نویسی اندروید 0 تا 100
دوره آموزشی صفر تا صد اندروید؛ از صفر اندروید را یاد بگیرید و اپلیکیشن خودتان را بنویسید و به راحتی وارد بازار کار شوید.آموزش پروژه محور....
20 نظر - ۱۵اسفند
آموزش جاوا اسکریپت
دوره آموزشی صفر تا صد جاوا اسکریپت + 17 پروژه عملی و واقعی، حرفه ای javascript را یاد بگیرید...
2 نظر - ۰۲خرداد
آموزش دیزاین پترن
آموزش برنامه نویسی از پایه و صفر. آموزش برنامه نویسی به صورت مفهموی و کاملا عملی با پروژه . گارانتی صد در صد محتوای دوره ....
بدون نظر - ۲۲دی
آموزش صفر تا صد کاتلین آموزش پروژه محور کاتلین
دوره آموزشی کاتلین ؛ کاتلین را یاد بگیرید و به اپلیکیشن خودتون رو برنامه نویسی کنید. کاتلین برای توسعه اپلیکیشنهای اندرویدی زبان جدید است....
30 نظر - ۲۷آذر
اموزش بوت استرپ 5 (5 Bootstrap)
دوره آموزشی بوت استرپ؛ از صفر بوت استرپ را یاد بگیرید و به راحتی دیزاین سایت خودتون رو با بوت استرپ طراحی کنید....
12 نظر
بدون نظر