آموزش وب سایت ها و UX خیره کننده با HTML، CSS، JS و Bootstrap ایجاد کنید

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

HTML HTML

• مقدمه ای بر وب و اینترنت Introduction to Web and Internet

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

• مبانی HTML HTML Basics

• ویژگی های HTML HTML Attributes

• قالب بندی متن HTML HTML Text Formatting

• نظرات HTML HTML Comments

• لیست های HTML HTML Lists

• جداول HTML HTML Tables

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

• طراحی وب سایت واکنشگرا HTML HTML Responsive Web Design

• موجودیت ها و نمادهای HTML HTML Entities and Symbols

• HTML Emojis و Charset HTML Emojis and Charset

• فرم های HTML قسمت 01 HTML Forms Part 01

• فرم های HTML قسمت 02 HTML Forms Part 02

• رسانه HTML HTML Media

• مبانی HTML5 HTML5 Basics

• برچسب های HTML5 HTML5 Tags

• مسیرهای فایل HTML HTML File Paths

• فاویکون HTML HTML Favicon

• بلوک و عناصر درون خطی Block and Inline Elements

• یک صفحه نمایشگاهی دوره AugminTech ایجاد کنید Create an AugminTech Course Showcase Page

• یک صفحه وب احمقانه بسازید Build a Silly Web Page

• ایجاد یک پوستر فیلم برای "اپنهایمر" Create a Movie Poster for "Oppenheimer"

CSS CSS

• CSS CSS

• انتخابگرهای CSS CSS Selectors

• نحوه اضافه کردن CSS How to Add CSS

• نظرات CSS CSS Comments

• رنگ های CSS CSS Colors

• پس زمینه CSS قسمت 01 CSS Background Part 01

• مرزهای CSS CSS Borders

• نمایش CSS CSS Display

• فونت های CSS CSS Fonts

• نمادهای CSS CSS Icons

• لیست های CSS CSS Lists

• متون CSS CSS Texts

• CSS Box Model Part 01 CSS Box Model Part 01

• CSS Box Model Part 02 CSS Box Model Part 02

• موقعیت های CSS CSS Positions

• CSS Z-Index CSS Z-Index

• سرریز CSS CSS Overflow

• CSS Float and Clear CSS Float and Clear

• Block Inline Display CSS CSS Display Inline Block

• نوار ناوبری CSS قسمت 01 CSS Navigation Bar Part 01

• نوار ناوبری CSS قسمت 02 CSS Navigation Bar Part 02

• CSS Align CSS Align

• کشویی CSS CSS Dropdown

• CSS Rounded Corners CSS Rounded Corners

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

• طرح بندی وب سایت CSS CSS Website Layout

• فرم های CSS CSS Forms

• کلاس های شبه CSS CSS Pseudo Classes

• عناصر شبه CSS CSS Pseudo Elements

• دکمه های CSS CSS Buttons

• CSS Combinators CSS Combinators

• CSS 2D Transform CSS 2D Transform

• انیمیشن های CSS CSS Animations

• گالری تصاویر CSS و Image Sprite قسمت 01 CSS Image Gallery and Image Sprite Part 01

• گالری تصاویر CSS و Image Sprite قسمت 02 CSS Image Gallery and Image Sprite Part 02

• جداول CSS CSS Tables

• پیوندهای CSS CSS Links

• CSS 3D Transform CSS 3D Transform

• گرادیان های CSS قسمت 01 CSS Gradients Part 01

• CSS Gradients قسمت 02 CSS Gradients Part 02

• انتقال CSS CSS Transitions

• شبکه های CSS CSS Grids

• رابط کاربری ساده برنامه مسنجر Simple Messenger App UI

جاوا اسکریپت Javascript

• مقدمه ای بر JS Introduction to JS

• دستور JS JS Syntax

• نظرات JS JS Comments

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

• انواع داده های JS JS Data Types

• اپراتورهای JS JS Operators

• بیانیه های مشروط JS JS Conditional Statements

• حلقه های JS JS Loops

• JS Break و Continue JS Break and Continue

• توابع JS JS Functions

• آرایه های JS JS Arrays

• مرتب سازی آرایه های JS JS Arrays Sort

• آرایه JS Const JS Array Const

• تکرارهای آرایه JS JS Array Iterations

• رشته های JS JS Strings

• روش های رشته JS JS String Methods

• شماره های JS JS Numbers

• روش‌های اعداد JS JS Numbers Methods

• ویژگی های اعداد JS JS Numbers Properties

• کلاس های JS JS Classes

• خطاهای JS JS Errors

• اشیاء JS JS Objects

• روش های شیء JS JS Object Methods

• ویژگی های شیء JS JS Object Properties

• جی اس ریاضی JS Math

• تاریخ JS JS Date

• فرمت های تاریخ JS JS Date Formats

• JS Get Date Methods JS Get Date Methods

• روشهای تنظیم تاریخ JS JS Set Date Methods

• JS HTML Dom Elements JS HTML Dom Elements

• روش های JS HTML Dom JS HTML Dom Methods

• فرم های JS Dom JS Dom Forms

• JS HTML Dom JS HTML Dom

• رویدادهای JS JS Events

• شنونده رویداد JS JS Event Listener

• ایجاد یک Meme Generator تصادفی Create a Random Meme Generator

• دکمه تعاملی چت بات Interactive Chatbot Button

بوت استرپ Bootstrap

• مقدمه ای بر بوت استرپ Introduction to Bootstrap

• ظروف بوت استرپ Bootstrap Containers

• رنگ های بوت استرپ Bootstrap Colors

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

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

• تصاویر بوت استرپ Bootstrap Images

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

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

• گروه ورودی BS قسمت 01 BS Input Group Part 01

• گروه ورودی BS قسمت 02 BS Input Group Part 02

• گروه های لیست BS BS List Groups

• گروه های دکمه BS BS Button Groups

• کارت های بوت استرپ Bootstrap Cards

• BS چرخ فلک BS Carousel

• کشویی BS BS Dropdowns

• فروپاشی بوت استرپ Bootstrap Collapse

• فرم های BS BS Forms

• BS Modal BS Modal

• سیستم شبکه BS BS Grid System

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

• بوت استرپ فلکس Bootstrap Flex

تمرین های کدنویسی اضافی Additional Coding Exercises

• یک صفحه فرود با تبدیل بالا طراحی کنید Design a High-Converting Landing Page

• ایجاد فرم ثبت نام تعاملی کاربر با اعتبارسنجی Creating Interactive User Registration Form with Validation

• تبدیل یک مدل طراحی به یک صفحه وب کاربردی Converting a Design Mockup into a Functional Webpage

• ایجاد یک برنامه وب لیست کارهای انجام شده Creating a To-Do List Web App

• بهینه سازی عملکرد وب سایت Optimizing Website Performance

• نقشه های تعاملی با Mapbox و جاوا اسکریپت Interactive Maps with Mapbox and JavaScript

• بارگیری محتوای پویا با Fetch API Dynamic Content Loading with Fetch API

• جداول مقایسه قیمت تعاملی Interactive Pricing Comparison Tables

• طراحی و کدنویسی نمونه کارها یک صفحه ای Designing and Coding a One-Page Portfolio