آموزش دوره توسعه وب مگا: برنامه وب Full Stack 2023

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

معرفی Introduction

• معرفی Introduction

• نحوه استفاده از دوره How to use the course

• اختلاف نظر Discord

• الزامات نصب Install requirements

• مدارک مورد نیاز Required docs

HTML - مبتدی HTML - Beginner

• HTML و ساختار HTML & the structure

• ساختار فایل HTML HTML file structure

• منابع متن و کدنویسی Text & coding resources

• لیست ها Lists

• ارتباط دادن Link

• برچسب های خود بسته شدن Self closing tags

• تصویر Image

• [آسان] - یک صفحه وب ساده [Easy] - A simple webpage

• نظرات HTML HTML comments

• آزمون برای مبتدی HTML Quiz for HTML Beginner

• تمرین - کارت محصول ایجاد کنید Practice - Create product card

• خلاصه Recap

• نکته Tip

CSS - مبتدی CSS - Beginner

• CSS و ساختار CSS & the structure

• خواص اساسی Basic properties

• 3 نوع CSS 3 Types of CSS

• اشکال زدایی Debugging

• انتخابگر CSS CSS Selector

• کلاس در مقابل شناسه Class vs id

• نظرات CSS CSS comments

• امتحان برای CSS مبتدی Quiz for CSS Beginner

• تمرین - css صفحه را بهبود ببخشید Practice - improve the page css

• خلاصه Recap

• نکته Tip

HTML - متوسط HTML - Intermediate

• ویدیو Video

• برچسب گروه بندی Grouping tag

• HTML معنایی Semantic HTML

• فرم چیست What is form

• ساختار فرم Form structure

• تمرین - فرم ثبت نام کامل ایجاد کنید Practice - Create complete signup form

• ورودی ها Inputs

• آزمون برای HTML متوسط Quiz for HTML intermediate

CSS - متوسط CSS - Intermediate

• فاویکون Favicon

• مدل جعبه Box model

• مرکز با حاشیه Centering with margin

• واحدهای اندازه گیری Measuring units

• آزمون قسمت 1 Quiz of part 1

• تمرین - فرم ثبت نام را سبک کنید Practice - Style the signup form

• راه حل - فرم دادن به فرم ثبت نام Solution - Styling the signup form

• انتخابگر شناور Hover selectore

• نمایش دادن Display

• مرکز کردن عناصر بلوکی یا درون خطی Centering of Block or inline elements

• موقعیت Position

• فلکس باکس Flexbox

• ظرف فلکس Flex container

• تمرین - از جعبه Flex برای بهبود نوار ناوبری استفاده کنید Practice - Use Flex box to improve nav bar

• تمرین - مقدمه را بهبود بخشید Practice - Improve the intro

• تمرین - بخش و کارت محصول را بهبود بخشید Practice - Improve product section and card

• مورد فلکس Flex item

• آزمون قسمت 2 Quiz of part 2

CSS - پیشرفته CSS - Advanced

• توری Grid

• قالب های شبکه Grid templates

• تمرین - شبکه ای از تصاویر محصول را اضافه کنید Practice - Add a grid of product images

• Boxshadow Boxshadow

• انتخاب انتخابگرها Selecting selectors

• فیلترها Filters

• انیمیشن Animation

• پاسخگو Responsive

• امتحان برای پیشرفت CSS Quiz for CSS advance

• خلاصه Recap

جاوا اسکریپت - مبتدی JavaScript - Beginner

• JS چیست و چه کاری انجام می دهد What is JS and what it does

• 3 نوع نوشتن JS 3 types of JS writing

• متغیر Variable

• Var & const Var & const

• نام گذاری متغیرها Naming variables

• انواع داده ها Data types

• مسابقه - مبانی JS Quiz - Basics of JS

• تمرین - مبانی JS Practice - Basics of JS

• برابری اعداد Number equality

• اپراتورها Operators

• عملگرها روی رشته ها Operators on strings

• مقایسه کننده ها Comparators

• تمرین - عملگرهای Js Practice - Js operators

• مسابقه - اپراتورها، برابری، و مقایسه کننده ها Quiz - Operators, equality, and comparators

• اگر بیانیه If statement

• بیانیه if را تمرین کنید Practice if statement

• تابع - ایجاد و تماس Function - Creating & calling

• تمرین - نبرد روزانه را محاسبه کنید Practice - Calculate the daily battle

• رویداد Onclick Onclick event

جاوا اسکریپت - متوسط JavaScript - Intermediate

• تصادفی Random

• اگر/دیگر/دیگر اگر If / else / else if

• تابع - پارامترها و آرگومان ها Function - Parameters & arguments

• تابع - خروجی Function - Output

• تمرین - تابع ضرب یک ماشین حساب را بسازید Practice - Build the multiply function of a calculator

• آرایه Array

• به روز رسانی یک آرایه Updating an array

• اپراتور باقی مانده Remainder operator

• تمرین - پومودورو Practice - Pomodoro

• در حالی که حلقه While loop

• برای حلقه For loop

• تمرین - اعداد زوج را پیدا کنید Practice - Find even numbers

• [متوسط] - آرایه های ویژه [Medium] - Special Arrays

جاوا اسکریپت - DOM JavaScript - DOM

• DOM چیست؟ What is DOM

• نکته مهم قرار دادن JS Important JS placing note

• انتخاب عناصر HTML Selecting HTML elements

• سبک دام Dom style

• عنصر HTML را اضافه کنید Add HTML element

• تمرین - نمایش بررسی محصول در شناور Practice - Show product review on hover

• Dom برای کلاس ها Dom for classes

• حالت تاریک - قسمت 1 Dark mode - part 1

• حالت تاریک - قسمت 2 Dark mode - part 2

• شنونده رویداد Event listener

جاوا اسکریپت - پیشرفته JavaScript - Advanced

• تابع سفارش بالاتر Higher order function

• ماشین حساب: HTML و CSS Calculator: HTML & CSS

• کد ماشین حساب برای HTML و CSS Calculator code for HTML & CSS

• راه حل ماشین حساب: جاوا اسکریپت Calculator solution: JavaScript

• کد ماشین حساب برای JS Calculator code for JS

• هدف - شی Object

• سازنده Constructor

• تمرین - شی و فرم Practice - Object & form

• روش شی Object method

• تعویض Switch

• نمونه ها را تغییر دهید Switch examples

• چقدر درست است؟ How Much is True?

• [آسان] اشکال را برطرف کنید [Easy] Fix the bug

• [متوسط] دنباله فیبوناچی [Medium] Fibonacci Sequence

• [سخت] شمارش حروف صدادار و صامت [Hard] Counting Vowels and Consonants

پایتون - مبتدی Python - Beginner

• پایتون را راه اندازی کنید Setup Python

• چاپ Printing

• متغیر و انواع Variable and types

• آزمون - انواع داده Quiz - Data types

• نام گذاری متغیرها Naming variables

• امتحان - نام صحیح Quiz - The correct name

• نظر دادن در پایتون Commenting in python

• متغیرها و ورودی Variables and input

• تمرین - نام شخصیت ها Practice - Name characters

• امتحان - نظرات و لن Quiz - Comments and len

• نوع داده و تبدیل (ریخته گری) Data type and conversion (casting)

• امتحان - تبدیل نوع متغیر Quiz - Variable type conversion

• عملگرهای پایتون Python operators

• رشته اف F-string

• تمرین - نقطه سربه سر Practice - Break-even point

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

• شرایط الیف و تودرتو Elif and nested conditions

• تمرین - ارائه تخفیف Practice - Providing discount

• عملگرهای منطقی Logical operators

پایتون - متوسط Python - Intermediate

• فهرست کنید List

• سازماندهی داده های لیست Organizing list data

• تمرین - اعداد زوج را فهرست کنید Practice - List even numbers

• امتحان - لیست Quiz - List

• در حالی که حلقه While loop

• تمرین - کد پیوسته Practice - Continuous code

• برای حلقه For loop

• تمرین - اعداد زوج و فرد Practice - Odd and even numbers

• موارد فهرست مربعی Square list items

• ماژول تصادفی Random module

• تمرین - تولید کننده رمز عبور Practice - Password generator

• ماژول رشته String module

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

• راه حل - تولید کننده رمز عبور Solution - Password generator

پایتون - پیشرفته Python - Advance

• تابع Function

• تمرین - حاشیه سود Practice - Profit margin

• [آسان] - مجموع اعداد زوج در یک لیست [Easy] - Sum of Even Numbers in a List

• چندتایی Tuple

• به روز رسانی یک تاپل Updating a tuple

• تنظیم Set

• فرهنگ لغت Dictionary

• کلاس ها Classes

• خروجی کلاس و روش ها Class output and methods

• تمرین - سفارش کلاس Practice - order class

• [متوسط] - قالب تاریخ [Medium] - Date Format

• چارچوب های پایتون Python frameworks

جنگو - مبتدی Django - Beginner

• معرفی جنگو Introduction to Django

• نصب جنگو Django installation

• ایجاد پروژه جنگو Creating Django project

• تجزیه و تحلیل فایل های جنگو Analyzing Django files

• سرور جنگو Django server

• برنامه های جنگو Django applications

• URL ها و نماها URLs and Views

• راه اندازی صفحه اصلی Setting up home page

• تمرین - یک صفحه برای کت و شلوار ایجاد کنید Practice - Create a page for suits

• URL های پویا Dynamic URLs

• فایل HTML را رندر کنید Render HTML file

• جنگو-HTML Django-HTML

• انتقال متغیرها به html Passing variables to html

• فیلترهای قالب جنگو Django template filters

• وراثت الگو Template inheritance

• وارد کردن صفحات HTML MyShop Import MyShop HTML pages

• تگ های URL پویا Dynamic URL tags

• تکه های الگو Template snippets

• فایل های استاتیک Static files

• فایل های استاتیک جهانی Global static files

• تمرین - تمام تصاویر و فایل های ثابت را اضافه کنید Practice - add all images and static files

جنگو - متوسط Django - Intermediate

• پایگاه داده و مدل Database & model

• مدل جنگو Django model

• مهاجرت Migration

• پنل مدیریت Admin panel

• نمایش مدل ها در ادمین Show models in admin

• تمرین - ایجاد مدل پروفایل Practice - Creating profile model

• درج داده ها Inserting data

• دریافت داده ها Getting data

• به روز رسانی مدل ها Updating models

• به روز رسانی و حذف داده ها Updating and deleting data

• جستجوهای میدانی Field lookups

• فیلتر کردن با و، یا Filtering with and, or

• تمرین - ایجاد مدل محصول Practice - Create product model

• تمرین - 4 لباس Practice - The 4 suits

• تمرین - مدل ها در html Practice - Models in html

• آپلود فایل File upload

• خدمت رسانی به رسانه ها Serving media

• تنظیمات مدیریت را پیکربندی کنید Configure admin setting

• راه حل - اشیاء سفارشی محدود Solution - limited ordered objects

• گزینه های مدیریت مدل Model admin options

جنگو - پیشرفته Django - Advanced

• رابطه داده ها Data relationship

• رابطه یک به چند One-to-many relation

• تمرین - نام تجاری را به پیراهن اضافه کنید Practice - add brand to Shirt

• پرس و جوهای مدل متقابل Cross model queries

• رابطه یک به یک One-to-one relation

• رابطه چند به چند Many-to-many relation

• ایجاد دسته بندی Creating categories

• رابطه مدل مشابه Same model relationship

• صفحه محصول - سمت جنگو Product page - Django side

• صفحه محصول - html و css Product page - html and css

• جنگو مقدمه را تشکیل می دهد Django forms intro

• فرم ساختگی Dummy form

• درخواست دریافت و ارسال GET and POST request

• CSRF CSRF

• دریافت درخواست POST Receiving POST request

• جنگو شکل می گیرد Django forms

• خطای میدانی Field error

• پیام موفقیت Success message

• سفارشی کردن فیلد فرم Customizing the form field

• افزودن فیلدهای بیشتر Adding more fields

• ذخیره سازی داده ها در پایگاه داده Storing data on database

• تمرین - بازخوردها را نشان دهید Practice - show feedbacks

• حالت دادن به فرم Styling the form

• فرم سبک css The form css style

• فرم های مدل Model forms

• به روز رسانی اشیاء موجود Updating existing objects

• دیدگاه های کلاسی Class based views

استقرار در AWS Deployment to AWS

• معرفی استقرار Deployment intro

• پایگاه داده Database

• وب سرور Web server

• میزبان ناد AWS Host nad AWS

• جمع آوری فایل های ثابت Collecting static files

• ارائه فایل های استاتیک با جنگو Serving static files with django

• وابستگی ها Dependencies

• ساقه لوبیا الاستیک Elastic beanstalk

• EB CLI EB CLI

• من هستم IAM

• گسترش Deployment

• سرویس فایل های استاتیک با سرور Serve static files with server

• فایل های استاتیک در S3 Static files on S3

• آپلود فایل در S3 File upload to S3

• پایگاه داده - PostgreSQL Database - PostgreSQL

• گروه امنیتی Security group

پایان یافتن Ending

• تبریک میگم Congratulation