آموزش جامع توسعه وب: HTML, CSS, JavaScript, Bootstrap, React JS - آخرین آپدیت

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

بخش HTML (زبان نشانه‌گذاری ابرمتن) HTML(HyperText Markup Language) section

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

• آشنایی با HTML HTML Introduction

• ساختار پایه HTML HTML Boilerplate

• تگ‌های پاراگراف و فرمت متن Paragraph TextFormatting Tags

• تگ‌های عنوان HTML و محتوا HTML_Heading Tags & Material

• ویژگی‌های المان‌های HTML HTML Element Attribute

• ناوبری با هایپرلینک‌ها HTML HyperLink Navigation

• ناوبری لینک‌ها در همان صفحه HTML Link Navingating SamePage

• تصاویر و چندرسانه‌ای در HTML HTML Images MultiMedia

• لیست‌های HTML HTML List

• جداول HTML بخش اول HTML Table part 1

• جداول HTML بخش دوم HTML Table part 2

• جداول HTML بخش سوم HTML Table part 3

• المان‌های فرم در HTML HTMLForm-Elements

• تگ‌های معنایی HTML HTML Semantic Tags

مقدمات CSS CSS Introduction

• مقدمه‌ای بر CSS CSS_Introduction

• انتخابگرهای CSS بخش اول CSS-Selectors_Part1

• انتخابگرهای CSS بخش دوم CSS-Selectors_Part2

• مدل جعبه‌ای CSS بخش اول CSS_BoxModel_Part1

• مدل جعبه‌ای CSS بخش دوم و Box-Sizing CSS_BoxModel_Part2_BoxSizing

• ویژگی‌های فونت CSS بخش اول CSS_FontProperties_part1

• ویژگی‌های فونت CSS بخش دوم CSS_FontProperties_part2

• ویژگی‌های فونت CSS بخش سوم CSS_FontProperties_part3

• ویژگی‌های متنی CSS CSS-Text_Properties

• ویژگی‌های متنی CSS بخش دوم CSS-Text_Properties part 2

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

• Display و Position در CSS CSS_Display_Position

• فلکس‌باکس CSS بخش اول CSS_flexBox_Part1

• فلکس‌باکس CSS بخش دوم CSS_flexBox_Part2

• ساخت نوار ناوبری با Flexbox CSS_flexBox_Vav Bar

• سیستم گرید CSS بخش اول CSS_GridLayout_Part1

• سیستم گرید CSS بخش دوم CSS_GridLayout_Part2

• فاصله‌های ردیفی و ستونی در گرید CSS_GridLayout_ColumnGap_RowGap

• تراز محتوا در CSS Grid CSS_GridLayout_JustifyContent_AlignContent

• تراز کردن آیتم‌ها در CSS Grid CSS_GridLayout_Justify_and_alignItems

• تنظیمات Justify-Self و Align-Self در گرید CSS_Gridlayout_JustifySelf_and_AlignSelf

• انتخابگرهای پیشرفته CSS بخش اول CSS_AdvancedSelectors_Part1

• پروژه جدول قیمت با CSS Grid CSS_PrcingPlan_Using_GridLayout

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

• مقدمه‌ای بر جاوااسکریپت JavaScript_Introduction

• متغیرها و انواع داده‌ها در جاوااسکریپت JavaScript_Variables_DataTypes

• عملگر typeof در جاوااسکریپت JavaScript_Typeof

• عملگرهای جاوااسکریپت JavaScriptOperators

• دستورات شرطی در جاوااسکریپت ConditionalStatements_Java Script

• حلقه‌ها در جاوااسکریپت Java Script-Loops

• مفاهیم عیب‌یابی و دیباگ DebuggingConcepts

• آرایه‌ها بخش اول Arrays-Part-1

• آرایه‌ها بخش دوم Arrays-Part-2

• توابع بخش اول Functions -Part -1

• توابع بخش دوم Functions -Part - 2

• توابع بخش سوم Function-Part-3

• اشیاء بخش اول Objects-Part-1

• اشیاء بخش دوم Objects-Part-2

• DOM بخش اول DOM-Part-1

• DOM بخش دوم DOM-Part-2

• DOM بخش سوم DOM-Part-3

• DOM بخش چهارم DOM-Part-4

• DOM بخش پنجم DOM-Part-5

• DOM بخش ششم DOM-Part-6

• DOM بخش هفتم DOM-Part-7

• DOM بخش هشتم DOM-Part-8

• DOM بخش نهم DOM-Part-9

• DOM بخش دهم DOM-Part-10

• DOM بخش یازدهم DOM-Part-11

• برنامه‌نویسی نامتقارن بخش اول Asynchronous-Part-1

• برنامه‌نویسی نامتقارن بخش دوم Asynchronous-Part-2

• توابع Callback CallBackFunctions

• مفهوم Callback Hell CallBackHell

• مقدمه‌ای بر Promise بخش پنجم IntroductionToPromise-Part5

• کار با then و catch then_catch

• Async و Await Async-Await

• Async و Await بخش دوم Async-Await part 2

• Callback های نامتقارن CallBack_Asynchronous

بوت‌استرپ Bootstrap

• معرفی و راه‌اندازی بوت‌استرپ BOOTSTRAP_INTRODUCTION_AND_SETUP

• ویژگی‌های جدید بوت‌استرپ 5 BOOTSTRAP5_NEW_FEATURES

• رنگ‌ها و تایپوگرافی در بوت‌استرپ BOOTSTRAP_COLORS_TYPOGRAPHY

• دکمه‌ها و گروه‌های دکمه بوت‌استرپ BOOTSTRAP_BUTTON_BUTTON_GROUPS

• سیستم گرید بوت‌استرپ بخش اول BOOTSTRAP_GRID_SYSTEM_PART-1

• سیستم گرید بوت‌استرپ بخش دوم BOOTSTRAP_GRID_SYSTEM_PART-2

• ترازبندی در سیستم گرید بوت‌استرپ بخش سوم BOOTSRAP-GRID_SYSTEM-JUSTIFY_PART-3

• سیستم گرید بوت‌استرپ بخش چهارم BOOTSTRAP_GRID_SYSTEM_PART-4

• کلاس‌های کاربردی (حاشیه، فاصله، خطوط) BOOTSTRAP_UTILITY_CLASSES_MARGINS_PADDINGS_BORDERS

• کانتینرهای بوت‌استرپ BOOTSTRAP_CONTAINERS

• نوار ناوبری بوت‌استرپ BOOTSTRAP_NAVBAR

• نوار ناوبری بوت‌استرپ (ادامه) BOOTSTRAP_NAVBAR

• کارت‌های بوت‌استرپ BOOTSTRAP_CARDS

• آکاردئون‌ها ACCORDIONS

• گروه‌های لیستی بوت‌استرپ BOOTSTRAP_LIST_GROUPS

• فرم‌های بوت‌استرپ بخش اول BOOTSTRAP_FORM PART-1

• فرم‌های بوت‌استرپ بخش دوم (Select, Checkbox, Radio) BOOTSTRAP_FORMS-PART2-SELECT-CHEKBOX-RADIO

• فرم‌های بوت‌استرپ بخش سوم (Floating Labels) 13.BOOTSTRAP_FORMS-PART3-FLOATING_LABELS

• منوهای کشویی بوت‌استرپ BOOTSTRAP-DROPDOWNS

• آیکون‌های بوت‌استرپ BOOTSTRAP-ICONS

ری‌اکت JS React JS

• مقدمه‌ای بر ری‌اکت Introduction To React

• نصب و راه‌اندازی ReactJs ReactJs_Setup_Installation

• JSX در ری‌اکت بخش اول ReactJs_JSX_Part-1

• کامپوننت‌های ری‌اکت بخش اول ReactJs-Components-Part-1

• کامپوننت‌های ری‌اکت بخش دوم ReactJs-Components-Part-2

• پراپ‌های ری‌اکت بخش اول React-Props-Part-1

• پراپ‌های ری‌اکت بخش دوم React-Props-Part-2

• پراپ‌های ری‌اکت بخش سوم React-Props-Part-3

• وضعیت (State) ری‌اکت بخش اول React-State-Part-1

• وضعیت (State) ری‌اکت بخش دوم React-State-Part-2

• وضعیت (State) ری‌اکت بخش سوم React-State-Part-3

• وضعیت (State) ری‌اکت بخش چهارم React-State-Part-4

• هوک useEffect بخش اول useEffect-hook-Part1

• هوک useEffect بخش دوم useEffect-hook-Part2

• مدیریت رویدادها در ری‌اکت بخش اول React-EventHandling-Part-1

• مدیریت رویدادها در ری‌اکت بخش دوم React-EventHandling-Part-2

• لیست‌ها و کلیدها در ری‌اکت بخش اول React_List-Keys-Part-1

• لیست‌ها و کلیدها در ری‌اکت بخش دوم React_List-keys-Part-2

• رندرینگ شرطی در ری‌اکت React-Conditional-Rendering

• فرم‌های ری‌اکت بخش اول React-Forms-Part-1

• فرم‌های ری‌اکت بخش دوم React-Forms-Part-2

• فرم‌های ری‌اکت بخش سوم ReactForms-Part-3

• فرم‌های ری‌اکت بخش چهارم ReactForms-Part-4

• مفهوم Prop Drilling در ری‌اکت React-Prop-Drilling

• Context API ری‌اکت بخش اول React-Context_API-Part-1

• Context API ری‌اکت بخش دوم و به‌روزرسانی وضعیت ReactContext-API-Part-2-StateUpdate

• React Router: نصب و راه‌اندازی بخش اول ReactRouter-What_Install-Setup-Part-1

• React Router بخش دوم ReactRouter-Part-2

• React Router ناوبری بخش سوم ReactRouter-Navigate-Part3

• React Router مسیرهای پویا بخش چهارم React-Router-Dynamic-Routes-Part4