آموزش HTML ,CSS کاربردی

آموزش HTML ,CSS کاربردی

آموزش برنامه نویسی HTML و CSS کاربردی

معرفی دوره کاربردی HTML CSS

دوره آموزش کاربردی HTML , CSS 
شامل۵ قدم = HTML + CSS + Project 1 + Project 2 + Host & Domain
فرمتویدیو آموزشی به صورت mp4
تعداد جلسات77 جلسه

۲۴ ساعت و ۱۸ دقیقه و ۵۱ ثانیه

دوره HTML25 جلسه

۸ ساعت و ۴۷ دقیقه و ۱۰ ثانیه

دوره CSS33 جلسه

۱۰ ساعت و ۶ دقیقه و ۲۷ ثانیه

پروژه اول7 جلسه

۱ ساعت و ۳۲ دقیقه و ۴۰ ثانیه

پروژه دوم8 جلسه

۲ ساعت و ۱۱ دقیقه و ۴۴ ثانیه

هاست و دامین4 جلسه

۱ ساعت ۵۱ دقیقه و ۵۰ ثانیه

دانلود رایگان ۳ قسمت از آموزش

3 قسمت آموزش رو رایگان دانلود کن. 

به دوره “برنامه نویسی HTML و CSS” خوش اومدی! توی این دوره قراره باهم یادبگیریم طراحی سایت یعنی چی. قدم اول در یادگیری برنامه نویسی وب گذروندن این دورست.

در این دوره یاد میگیریم که HTML چیه و چطور باید با HTML چهارچوب یک سایت رو بزنیم.

بعدش با هم یاد میگیریم تا چطوری به این چهارچوب با استفاده از CSS رنگ و لعاب بدیم.

و در آخر این دوره قراره تا با هم یک وب سایت معرفی محصول زیبا رو طراحی و کدنویسی کنیم.

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

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

  • این دوره مناسب تمامی دانش آموزها، دانشجویان، کارآموزان و تمام عاشقان برنامه نویسی و طراحی سایته که میخوان وارد دنیای برنامه نویسی و طراحی وب بشن.
  • همینطور اگه با طراحی سایت آشنایی داری یا مثلا با CMS های آماده ای مثل وردپرس بلدی سایت بزنی، با فراگیری این دوره قراره کلی کدنویسی، HTML و CSS یاد یگیری که مهارت خودت رو توی کارت بالا ببری.
  • دوستانی که قصد دارند برنامه‌نویسی رو شروع کنند
  • دوستانی که قصد شروع برنامه‌نویسی فرانت رو دارند
  • دانشجویانی که قصد شروع یادگیری برنامه‌نویسی وب رو دارند
  • دوستانی که قصد یادگیری HTML / CSS رو دارند
  • دوستانی که دنبال علاقه خودشون در برنامه‌نویسی وب میگردند
  • برنامه‌نویسان بک‌اند که قصد یادگیری HTML / CSS را دارند
  • طراحان وب که قصد برنامه‌نویسی وب رو دارند

راهی که تو قراره طی کنی؟

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

از کجا باید شروع کنم؟

همین حالا روی دکمه “شروع دوره” کلیک کن، اسم و ایمیلت رو وارد کن تا کل دوره رو یک جا داشته باشی.

در این دوره چه پروژه ای میزنیم؟

در این دوره بعد از اینکه به مفاهیم اساسی برنامه نویسی HTML و CSS تسلط پیدا میکنیم، ۲ پروژه اصلی داریم که با هم به پیاده سازی آن میپردازیم.

پروژه اول یک وبسایت رزومه شخصی هست

و پروژه دوم، صفحه معرفی محصول مک بوک از وبسایت اپل هست.

دوست داری یه پرش به سمت دنیای برنامه نویسی وب داشته باشی؟ با من همراه شو!

سرفصل‌های دوره (توشه مسیر)

مقدمه

  1. مقدمه دوره طراحی سایت
  2. World Wide Web
  3. تفاوت دیزاین و دولوپ
  4. برنامه‌نویسی وب
  5. زبان های برنامه‌نویسی
  6. HTML/CSS
  7. فرانت-اند و بک-اند
  8. فول استک

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

  1. آشنایی با HTML
  2. HTML چیست؟
  3. آیا HTML یک زبان برنامه‌نویسی است؟
  4. بررسی تفاوت Text Editor/Code Editor/IDE
  5. نصب و راه اندازی محیط توسعه VSCode
  6. نصب افزونه های VSCode
  7. نصب افزونه های Google Chrome

HTML

  1. HTML چیست؟
  2. فایل های HTML
  3. Tag در HTML
  4. تگ‌های ابتدایی در HTML
  5. HTML / Head / Body / Title / Hn / P / span / br / hr
  6. بررسی Attribute و Element
  7. تگ های مربوط به متن
  8. کامنت‌ها
  9. تگ A
  10. تگ Img
  11. FavIcon
  12. تگ‌های مربوط به جداول Table
  13. تگ Div
  14. تگ Iframe
  15. تگ‌های مربوط به فرم Form / Input / Label / Select / Option / Textarea / Button
  16. تگ‌های ویدیو / صدا
  17. تگ‌های سمنتیک (معنادار) article / aside / details / figcaption / figure / footer / header / main / mark / nav / section / summary / time

CSS

  1. CSS چیست؟
  2. انواع سلکتور های CSS
  3. Element Selector
  4. ID Selector
  5. Class Selector
  6. Universal Selector
  7. Grouping Selector
  8. روش های لینک CSS به HTML بصورت Internal / External / Inline
  9. رنگ و انواع آن (Name / RGB / RGBA / HEX / HSL / HSLA / Gradients)
  10. رنگ های پیش‌زمینه
  11. بوردرها
  12. باکس ها در CSS
  13. Margin / Padding / Outline
  14. Width / Height
  15. CSS های مربوط به Text و Font
  16. Shadow
  17. Font Awesome
  18. Descendant Selector
  19. Child Selector
  20. Adjacent Selector
  21. General Sibling Selector
  22. Pseudo-Class Selector
  23. Anchor Pseudo Class Selector
  24. Pseudo-class and HTML class
  25. Pseudo-Element Selector
  26. Attribute Selector
  27. Links / Lists / Table / Display / Position / Z-Index / Overflow / Float / Opacity / CSS Units / !important
  28. CSS Math functions
  29. Transform & Transitions
  30. Animations

Responsive

  1. طراحی واکنشگرا
  2. Viewport
  3. Media Queries
  4. شکستن صفحه
  5. Responsive Images
  6. Inspect Element

پروژه

  1. پیاده سازی وب سایت رزومه شخصی(https://github.com/badrnezhad/ResumeTemplate)
  2. پیاده سازی وب سایت تک صفحه‌ای اپل(https://github.com/badrnezhad/AppleMacBookTemplate)

پرواز

  1. دامنه
  2. هاست
  3. خرید هاست و دامنه
  4. اتصال هاست و دامنه
  5. آپلود کدها
  6. نتیجه گیری

آموزش برنامه نویسی HTML و CSS کاربردی

معرفی
Document

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

پشتیبانی

پشتیبانی آنلاین

ایمیل مخصوص دوره

فرم مخصوص پرسش مستقیم از مدرس در صفحه پورتال در وب‌سایت

ثبت نام در دوره

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

مدرس دوره

حسین بدرنژاد

(هم‌بنیانگذار هولوسن)

حسین بدرنژاد از سال 1391 وارد حوزه IT شده و در حال حاضر بزرگترین دغدغه وی، افزایش سطح دانش IT در کشور ایران می‌باشد.

-برنامه نویس شرکت داتین
-طراحی و توسعه نرم افزار برای بانک پاسارگاد
-طراحی و توسعه نرم افزار برای بانک تجارت
-طراحی و توسعه نرم افزار برای بانک سپه
-طراحی و توسعه نرم افزار برای بانک صادرات
-طراحی و توسعه نرم افزار برای بانک اقتصاد نوین
-مدرس دوره صفر تا صد کاتلین
-مدرس دوره صفر تا صد اندروید
-مدرس دوره آموزش جاوا از صفر تا 100
-تولید و انتشار بیش از ۴۰۰ فیلم آموزشی رایگان برنامه نویسی در آپارات، یوتیوب و اینستاگرام

سایر آموزش‌های مدرس
نظرات
بدون نظر

**پرسش و پاسخ** سوال خود مطرح کنید.
امتیاز شما*