آموزش HTML، CSS و بوت استرپ - دوره مقدماتی و دریافت مدرک معتبر - آخرین آپدیت

دانلود HTML, CSS, & Bootstrap - Certification Course for Beginners

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش جامع HTML، CSS و Bootstrap برای مبتدیان: طراحی صفحات وب زیبا و واکنشگرا

این دوره برای مبتدیانی طراحی شده که علاقه‌مند به یادگیری HTML، CSS و Bootstrap برای ساخت صفحات وب شیک و واکنش‌گرا هستند.

آنچه در این دوره خواهید آموخت:

  • توسعه صفحات وب با HTML
  • استایل‌دهی به صفحات وب با استفاده از CSS
  • ایجاد صفحات وب واکنش‌گرا برای موبایل با استفاده از کتابخانه Bootstrap

پیش‌نیازها: دانش ابتدایی کار با کامپیوتر

این دوره سه مفهوم اساسی برای توسعه‌دهندگان وب مشتاق را پوشش می‌دهد: HTML، CSS و Bootstrap. هر بخش شامل درس‌های جامع است که به دانشجویان کمک می‌کند تا در هنر کدنویسی فرانت‌اند تسلط یابند.

دوره به شرح زیر تقسیم شده است:

توسعه HTML

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

توسعه CSS

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

چارچوب Bootstrap

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

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


سرفصل ها و درس ها

بخش 1: توسعه HTML Section 1: HTML Development

  • 1. مقدمه ای بر HTML 1. Introduction to HTML

  • 2. ساختار اساسی یک صفحه وب 2. Basic Structure of a Web Page

  • 3. HTML Head Tags 3. HTML Head Tags

  • 4. HTML Body Tag 4. HTML Body Tag

  • 5. فاصله پاراگراف HTML 5. HTML Paragraph Spacing

  • 6. HTML Line Breaks 6. HTML Line Breaks

  • 7. HTML Non Breaking Space 7. HTML Non-Breaking Space

  • 8. HTML Header Tags 8. HTML Header Tags

  • 9. قالب بندی و تزئین متن HTML 9. HTML Text Formatting and Decoration

  • 10. قالب بندی متن درون خطی HTML 10. HTML Inline Text Formatting

  • 11. لیست های نامرتب HTML 11. HTML Unordered Lists

  • 12. لیست های مرتب شده HTML 12. HTML Ordered Lists

  • 13. درج تصویر HTML 13. HTML Image Insertion

  • 14. فیلم های جاسازی HTML 14. HTML Embedding Videos

  • 15. HTML مطلق در مقابل ارجاع فایل نسبی 15. HTML Absolute vs. Relative File Referencing

  • 16. ایجاد لینک HTML 16. HTML Link Creation

  • 17. HTML Anchor Tags 17. HTML Anchor Tags

  • 18. جداول HTML 18. HTML Tables

  • 19. HTML Nested Tables 19. HTML Nested Tables

  • 20. ادغام سلول های HTML 20. HTML Merging Cells

  • 21. HTML Text Wrapping 21. HTML Text Wrapping

  • 22. تصویر پس زمینه جدول HTML 22. HTML Table Background Image

  • 23. تراز سلولی جدول HTML 23. HTML Table Cell Alignment

  • 24. HTML - مقدمه ای بر فرم ها 24. HTML - Introduction to Forms

  • 25. برچسب ها و ویژگی های فرم HTML 25. HTML Form Tags and Attributes

  • 26. فرم های HTML - ارسال در مقابل دریافت 26. HTML Forms - Post vs. Get

  • 27. فرم های HTML - فیلدهای متنی ورودی 27. HTML Forms - Input Text Fields

  • 28. فرم های HTML - منوها را انتخاب کنید 28. HTML Forms - Select Menus

  • 29. فرم های HTML - کادرها و دکمه های رادیویی را علامت بزنید 29. HTML Forms - Check Boxes and Radio Buttons

  • 30. فرم های HTML - مناطق متن و دکمه ها 30. HTML Forms - Text Areas and Buttons

  • 31. HTML Iframes 31. HTML Iframes

  • 32. پروژه HTML - مقدمه 32. HTML Project - Introduction

  • 33. پروژه HTML - سربرگ 33. HTML Project - Header

  • 34. پروژه HTML - Callout 34. HTML Project - Callout

  • 35. پروژه HTML - درج تصویر 35. HTML Project - Image Insertion

  • 36. پروژه HTML - درج متن 36. HTML Project - Text Insertion

  • 37. پروژه HTML - پیوندها و فرم 37. HTML Project - Links and Form

  • 38. پروژه HTML - داده های جدولی 38. HTML Project - Tabular Data

  • 39. پروژه HTML - پاورقی 39. HTML Project - Footer

HTML توسعه HTML Development

  • معرفی HTML Introduction to HTML

  • ساختار اصلی یک صفحه وب Basic Structure of a Web Page

  • تگ های هد HTML HTML Head Tags

  • تگ بادی HTML HTML Body Tag

  • فاصله پاراگراف HTML HTML Paragraph Spacing

  • شکست خط HTML HTML Line Breaks

  • فاصله غیر شکستنی HTML HTML Non-Breaking Space

  • تگ های عنوان HTML HTML Header Tags

  • قالب بندی و تزئین متن HTML HTML Text Formatting and Decoration

  • قالب بندی متن درون خطی HTML HTML Inline Text Formatting

  • لیست های نامرتب HTML HTML Unordered Lists

  • لیست های مرتب HTML HTML Ordered Lists

  • درج تصویر HTML HTML Image Insertion

  • تعبیه ویدیو HTML HTML Embedding Videos

  • ارجاع فایل مطلق در برابر نسبی HTML HTML Absolute vs. Relative File Referencing

  • ایجاد لینک HTML HTML Link Creation

  • تگ های انکر HTML HTML Anchor Tags

  • جداول HTML HTML Tables

  • جداول تودرتو HTML HTML Nested Tables

  • ادغام سلول ها HTML HTML Merging Cells

  • شکستن متن HTML HTML Text Wrapping

  • تصویر پس زمینه جدول HTML HTML Table Background Image

  • تراز بندی سلول جدول HTML HTML Table Cell Alignment

  • HTML - معرفی فرم ها HTML - Introduction to Forms

  • تگ ها و ویژگی های فرم HTML HTML Form Tags and Attributes

  • فرم های HTML - ارسال در مقابل دریافت HTML Forms - Post vs. Get

  • فرم های HTML - فیلدهای متن ورودی HTML Forms - Input Text Fields

  • فرم های HTML - منوهای انتخابی HTML Forms - Select Menus

  • فرم های HTML - جعبه های چک و دکمه های رادیویی HTML Forms - Check Boxes and Radio Buttons

  • فرم های HTML - نواحی متن و دکمه ها HTML Forms - Text Areas and Buttons

  • آی فریم های HTML HTML Iframes

  • پروژه HTML - معرفی HTML Project - Introduction

  • پروژه HTML - سربرگ HTML Project - Header

  • پروژه HTML - فراخوان HTML Project - Callout

  • پروژه HTML - درج تصویر HTML Project - Image Insertion

  • پروژه HTML - درج متن HTML Project - Text Insertion

  • پروژه HTML - لینک ها و فرم HTML Project - Links and Form

  • پروژه HTML - داده های جدولی HTML Project - Tabular Data

  • پروژه HTML - پاورقی HTML Project - Footer

بخش 2: توسعه CSS Section 2: CSS Development

CSS توسعه CSS Development

  • معرفی CSS Introduction to CSS

  • بخش های یک قانون CSS Parts of a CSS Rule

  • انواع قوانین CSS Types of CSS Rules

  • CSS - نام ها و کدهای رنگ CSS - Color Names and Codes

  • کلاس ها و اسپن های CSS CSS Classes and Spans

  • بخش های CSS - DIVs CSS Divisions - DIVs

  • آی دی های CSS CSS IDs

  • حاشیه های CSS CSS Margins

  • فاصله داخلی CSS CSS Padding

  • ویژگی های متن CSS CSS Text Properties

  • ویژگی های فونت CSS CSS Font Properties

  • حاشیه های CSS CSS Borders

  • پس زمینه های CSS CSS Backgrounds

  • شفافیت CSS CSS Transparency

  • متن روی تصاویر CSS CSS Text on Top of Images

  • ویژگی های عرض و ارتفاع CSS CSS Width and Height Properties

  • ویژگی های نمایش CSS CSS Display Properties

  • موقعیت دهی استاتیک CSS CSS Static Positioning

  • موقعیت دهی نسبی CSS CSS Relative Positioning

  • موقعیت دهی مطلق CSS CSS Absolute Positioning

  • موقعیت دهی ثابت CSS CSS Fixed Positioning

  • ویژگی Float CSS CSS Float Property

  • ویژگی Clear CSS CSS Clear Property

  • Z-Index CSS CSS Z-Index

  • استایل دادن به لینک ها CSS CSS Styling Links

  • جداول CSS CSS Tables

  • پروژه CSS - معرفی CSS Project - Introduction

  • پروژه CSS - قوانین CSS CSS Project - CSS Rules

  • پروژه CSS - قوانین ناوبری CSS Project - Navigation Rules

  • پروژه CSS - CSS واکنش گرا CSS Project - Responsive CSS

  • پروژه CSS - عناصر صفحه CSS Project - Page Elements

بخش 3: توسعه بوت استرپ Section 3: Bootstrap Development

Bootstrap توسعه Bootstrap Development

  • معرفی بوت استرپ Introduction to Bootstrap

  • تعبیه بوت استرپ Embedding Bootstrap

  • بوت استرپ - ساختار اصلی صفحه Bootstrap - Basic Page Structure

  • سیستم گرید بوت استرپ Bootstrap Grid System

  • طرح بندی سه ستونی بوت استرپ Bootstrap Three Column Layouts

  • تایپوگرافی بوت استرپ Bootstrap Typography

  • جداول بوت استرپ Bootstrap Tables

  • استایل دادن به تصاویر بوت استرپ Bootstrap Styling Images

  • جامبوترون بوت استرپ Bootstrap Jumbotron

  • ولز بوت استرپ Bootstrap Wells

  • هشدارهای بوت استرپ Bootstrap Alerts

  • دکمه های بوت استرپ Bootstrap Buttons

  • گروه های دکمه بوت استرپ Bootstrap Button Groups

  • گروه های دکمه توجیه شده بوت استرپ Bootstrap Justified Button Groups

  • Glyphicons بوت استرپ Bootstrap Glyphicons

  • نشان ها و برچسب های بوت استرپ Bootstrap Badges and Labels

  • نوارهای پیشرفت بوت استرپ Bootstrap Progress Bars

  • صفحه بندی بوت استرپ Bootstrap Pagination

  • صفحه بندی پیجر بوت استرپ Bootstrap Pager Pagination

  • گروه های لیست بوت استرپ Bootstrap List Groups

  • پنل های بوت استرپ Bootstrap Panels

  • منوهای کشویی بوت استرپ Bootstrap Dropdown Menus

  • Collapsibles بوت استرپ Bootstrap Collapsibles

  • پنل Collapsibles بوت استرپ Bootstrap Collapse Panel

  • گروه لیست Collapsibles بوت استرپ Bootstrap Collapse List Group

  • آکاردئون بوت استرپ Bootstrap Accordian

  • منوهای تب بوت استرپ Bootstrap Tab Menus

  • منوهای Pill بوت استرپ Bootstrap Pill Menus

  • زبانه ها و قرص های پویا بوت استرپ Bootstrap Dynamic Tabs and Pills

  • نوار ناوبری بوت استرپ Bootstrap Navigation Bar

  • نوار ناوبری Collapsibles بوت استرپ Bootstrap Collapsible Navigation Bar

  • فرم های بوت استرپ - عمودی و درون خطی Bootstrap Forms - Vertical and Inline

  • ورودی های بوت استرپ Bootstrap Inputs

  • حالت های کنترل فرم بوت استرپ Bootstrap Form Control States

  • سایز ورودی بوت استرپ Bootstrap Input Sizing

  • چرخ فلک بوت استرپ Bootstrap Carousel

  • مودال بوت استرپ Bootstrap Modal

  • تولتیپ بوت استرپ Bootstrap Tooltip

  • پاپ اوور بوت استرپ Bootstrap Popover

  • Scrollspy بوت استرپ Bootstrap Scrollspy

  • پروژه بوت استرپ - معرفی تم ها Bootstrap Project - Themes Intro

  • پروژه بوت استرپ - بررسی اجمالی فایل Bootstrap Project - File Overview

  • پروژه بوت استرپ - بررسی اجمالی اسکریپت Bootstrap Project - Script Overview

  • پروژه بوت استرپ - ادامه بررسی اجمالی اسکریپت Bootstrap Project - Script Overview Continued

نمایش نظرات

آموزش HTML، CSS و بوت استرپ - دوره مقدماتی و دریافت مدرک معتبر
جزییات دوره
7 hours
114
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
156,575
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

YouAccel Training YouAccel Training

شروع به یادگیری کنید و مهارت های مورد نیاز خود را کسب کنید! بیانیه ماموریت: برای تسهیل یک محیط جامع یادگیری آنلاین برای دانشجویان. درباره شرکت YouAccel یک ارائه دهنده پیشرو در آموزش آنلاین است ، دوره هایی را در صنایع مختلف از IT و توسعه گرفته تا تجارت ، بازاریابی ، طراحی و بهره وری ارائه می دهد. تجربه آموزش الکترونیکی ارائه شده توسط YouAccel پویا است. هر دوره در High Definition با تکالیف ، آزمونها و امتحانات مربوطه که به صورت الکترونیکی تحویل و درجه بندی می شوند ، پخش می شود. کلیه دوره های YouAccel توسط مربیان دارای گواهینامه تدریس می شود که دارای چندین سال سابقه کار در زمینه ای هستند که برای آنها آموزش می دهند. این دوره ها را می توان با سرعت شخصی برگزار کرد و در چندین سطح از جمله مبتدی ، متوسط و پیشرفته ارائه می شود. دوره های آنلاین همچنین برای راحتی بیشتر با هر دستگاه تلفن همراه سازگار هستند. با استفاده از این تجربه به یک سطح جدید شخصی ، ارتباط زنده با مربیان از طریق کنسول پیام رسانی آنلاین Udemy در دسترس است. کلیه دوره ها دارای گواهی پایان دوره هستند و محدودیت سنی اعمال نمی شود.

Blue Digital Media Blue Digital Media

کاوش، تعامل، اکسل: آموزش آنلاین دوباره تعریف شده است