آموزش ساخت صفحه وب با HTML و CSS - آخرین آپدیت

مقدمه‌ای بر HTML Introduction to HTML

• معرفی تخصص Specialization Introduction

• معرفی دوره Course Introduction

• شغل و چشم‌انداز آینده Career and Scope

• آشنایی با مدرس Meet your Instructor

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• مقدمه‌ای بر توسعه وب Introduction to Web Development

• HTML چیست؟ What is HTML?

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• تگ HTML HTML Tag

• تگ‌های فرمت‌دهی HTML Formatting HTML Tag

• تگ‌های فرم و ورودی (Input) Forms and Input Tags

• تگ Iframe Iframe Tag

• تگ تصویر (Image) Image Tag

• تگ ویدیو Video Tag

• تگ صوت (Audio) Audio Tag

• تگ لیست List Tag

• تگ‌های جدول Table Tags

• تگ‌های معنایی و غیرمعنایی (Semantic) Semantic Tags and Non- Semantic Tags

• تگ Meta Meta Tag

مقدمه‌ای بر CSS Introduction to CSS

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• CSS چیست؟ What is CSS?

• سینتکس CSS CSS Syntax

• انتخاب‌گر ساده در CSS CSS Simple Selector

• انتخاب‌گرهای ترکیبی CSS بخش اول CSS Combined Selectors - Part 1

• انتخاب‌گرهای ترکیبی CSS بخش دوم CSS Combined Selectors - Part 2

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• انتخاب‌گرهای شبه کلاس (Pseudo class) بخش اول Pseudo-class selectors - Part 1

• انتخاب‌گرهای شبه کلاس (Pseudo class) بخش دوم Pseudo-class selectors - Part 2

• عناصر شبه (Pseudo Elements) Pseudo Elements

• انتخاب‌گرهای ویژگی (Attribute) Attribute Selectors

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• ویژگی فونت در CSS CSS Fonts property

• موقعیت‌دهی (Position) در CSS CSS Positions

• شناور کردن (Float) در CSS CSS Float

• نمایش (Display) در CSS CSS Display

• واحدهای اندازه‌گیری در CSS CSS Units

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• رنگ‌ها در CSS CSS Colors

• رنگ پس‌زمینه در CSS CSS Background Colors

• مدل جعبه‌ای (Box Model) در CSS CSS Box Model

• اندازه‌گیری جعبه (Box Sizing) در CSS CSS Box-Sizing

• جدول استایل CSS CSS Style Table

• آیکون‌ها در CSS CSS Icons

• گرید در CSS (Display Grid) بخش اول CSS Display Grid - Part 1

• گرید در CSS (Display Grid) بخش دوم CSS Display Grid - Part 2

• نوار ناوبری (Navigation Bar) با CSS CSS Navigation Bar

• منوهای کشویی (Dropdowns) با CSS CSS Dropdowns

• گالری تصاویر و اسپریت‌ها در CSS CSS Image Gallery and Sprites

• استایل‌دهی به تصاویر و انعکاس تصاویر در CSS CSS Styling Images & Image Reflections

• فرم‌ها در CSS CSS Forms

• جلوه‌های متنی در CSS CSS Text Effects

• تناسب شیء و موقعیت (Object Fit & Position) CSS Object Fit & Position

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• فلکسباکس (Flexbox) بخش اول CSS Flexbox - Part 1

• فلکسباکس (Flexbox) بخش دوم CSS Flexbox - Part 2

• گرادینت (Gradient) در CSS CSS Gradient

• تبدیل‌های دو بعدی و سه بعدی (2D & 3D Transform) CSS 2D & 3D Transform

• انتقال‌ها (Transitions) در CSS CSS Transitions

• انیمیشن در CSS CSS Animation

• کوئری‌های رسانه (Media Queries) در CSS CSS Media Queries

• صفحه‌بندی (Pagination) در CSS CSS Pagination

• ستون‌های متعدد در CSS CSS Multiple Columns

• متغیرهای CSS CSS Variables

مقدمه‌ای بر Bootstrap Introduction to Bootstrap

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• مقدمه‌ای بر Bootstrap Introduction to Bootstrap

• رنگ‌ها در Bootstrap Bootstrap Colors

• کانتینرها در Bootstrap Bootstrap Containers

• ستون‌ها در Bootstrap Bootstrap columns

• نمایش در Bootstrap بخش اول Bootstrap Display - Part 1

• نمایش در Bootstrap بخش دوم Bootstrap Display - Part 2

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• تصاویر در Bootstrap Bootstrap Images

• دکمه‌ها در Bootstrap Bootstrap Buttons

• فاصله‌گذاری در Bootstrap Bootstrap Spacing

• آنچه در این درس خواهید آموخت What you will learn in this Lesson

• کاروسل (Carousel) در Bootstrap Bootstrap Carousel

• نوار ناوبری در Bootstrap Bootstrap NavBar

• کارت‌ها (Cards) در Bootstrap Bootstrap Cards

• نشان‌ها (Badges) و نوار پیشرفت در Bootstrap Bootstrap Badges & Progress bar

• صفحه‌بندی Pagination

• منوهای کشویی در Bootstrap Bootstrap Dropdowns

• مدال (Modal) در Bootstrap Bootstrap Modal

• ابزار راهنما (Tooltip) و پاپ‌اور در Bootstrap Bootstrap Tooltip & Popover

• اسکرول‌اسپای (Scrollspy) در Bootstrap Bootstrap Scrollspy

• پروژه ساخت قسمت اول: شبیه‌سازی اینستاگرام Project Building Part 1: Instagram Clone

• پروژه ساخت قسمت دوم: شبیه‌سازی اینستاگرام Project Building Part 2: Instagram Clone

• پروژه ساخت قسمت سوم: شبیه‌سازی اینستاگرام Project Building Part 3: Instagram Clone

• پروژه ساخت قسمت چهارم: شبیه‌سازی اینستاگرام Project Building Part 4: Instagram Clone

• پروژه ساخت قسمت پنجم: شبیه‌سازی اینستاگرام Project Building Part 5: Instagram Clone