توسعه وب فول استک: دوره جامع آموزش توسعه وب - آخرین آپدیت

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

مقدمه Introduction

• آنچه یاد خواهید گرفت What you are going to learn

ماژول پایه - معرفی HTML و SEO Basic Module - Introduction to HTML and SEO

• ماژول پایه - مقدمه Basic module - Introduction

• معرفی HTTP و HTTPS Introduction to HTTP and HTTPS

• ماژول پایه - متد http Basic module - http method

• WWW چیست - W3C What is WWW - The W3C

• API و معماری REST چیست What is an API and REST architecture

• کدهای وضعیت پاسخ HTTP HTTP response status codes

• روش‌های مختلف برنامه نویسی و تمرین Different ways to program and practice

• تمرینات را کجا ارسال کنیم Where to send the exercises

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

• HTML چیست What is HTML

• چگونه HTML را باز کنیم How to open HTML

• ساختار HTML - Head Body HTML Structure - Head Body

• تگ‌های عنوان HTML HTML Title Tags

• تگ‌های متن HTML HTML Text Tags

• پیمایش به HTML دیگر Navigation to another HTML

• کلاس‌های HTML HTML Classes

• IDهای HTML HTML ID's

• فرم HTML HTML form

• ورودی HTML HTML Input

• ورودی فرم با دکمه ارسال Form input with button submit

• صوت داخل HTML Audio inside HTML

• چگونه چیزها را داخل خود جاسازی کنیم How to embed things inside you

• تصویر و ویدیو داخل HTML Image and Video inside HTML

• تگ‌ها و کدهای بیشتر HTML More HTML Tags and Codes

• یادگیری بخش اولیه سئو قسمت 1 Learning basic seo part. 1

• یادگیری بخش اولیه سئو قسمت 2 Learning basic seo part 2

• تمرین - ایجاد یک نوار ناوبری Practice - creating a navigation

• تمرین - ایجاد یک صفحه فرود قسمت 1 Practice - creating a landing page part 1

• تمرین - ایجاد یک صفحه فرود قسمت 2 Practice - creating landing page part 2

• تمرین - ایجاد یک صفحه فرود قسمت 3 Practice - creating landing page part 3

• تمرین - ایجاد یک صفحه فرود قسمت 4 Practice - creating landing page part 4

• تمرین ماژول اول FIRST MODULE EXERCISE

ماژول متوسط - CSS و استایل‌ها Intermediate Module - CSS and Styles

• مقدمه ای بر CSS Introduction to css

• فونت‌های CSS Css Fonts

• رنگ‌های CSS Css Colors

• شعاع حاشیه CSS CSS Border Radius

• خانواده فونت خارج از CSS CSS outside Font Family

• ویژگی حاشیه CSS CSS border property

• ویژگی ارتفاع CSS CSS height property

• عرض CSS CSS width

• نمایش Flex Display Flex

• ویژگی‌های Flex Flex properties

• Padding و margin Padding and margin

• استفاده از Grid Using Grid

• استفاده مجدد از CSS Reusing css

• انتقال CSS CSS transition

• فلکس CSS CSS Flex

• تغییر CSS CSS Transform

• CSS Key Frame CSS Key Frame

• CSS Hover CSS Hover

• انواع استایل CSS CSS style types

• استایل کلاس CSS CSS Class Style

• Tailwindcss Tailwindcss

• شروع کار با tailwindcss Getting started with tailwindcss

• Tailwind UI Tailwind UI

• CSS MEDIA QUERY CSS MEDIA QUERY

• تمرین ماژول دوم SECOND MODULE EXERCISE

ماژول پیشرفته - DOM و Javascript Advanced Module - DOM and Javascript

• متد toLocaleString Method to localeString

• چند شیء می‌توانیم داشته باشیم How many object can we have

• متد Fetch Fetch method

• متد Async await Async await method

• Javascript onClick Javascript onClick

• استفاده از onBlur Using onBlur

• پارامترها داخل توابع Parameters inside of Functions

• تابع با عملگرهای ریاضی Function with math operators

• دریافت ویژگی‌های HTML در جاوا اسکریپت Getting HTML properties in Javascript

• تغییر ویژگی‌های یک دکمه Changing properties a button

• تغییر ویژگی‌های یک ورودی Changing a input properties

• اعمال کلاس‌ها با دستکاری DOM Applying classes manipulating the DOM

• تغییر ویژگی‌های DOM با تابع onclick Changing DOM Properties with onclick Function

• اضافه کردن URL به یک ویژگی Adding URL to a property

• مصرف یک API دیگر Consuming another API

• ایجاد یک ماشین حساب اولیه Creating a basic calculato

• ماشین حساب پایه javascript قسمت 2 Basic javascript calculator part 2

• ماشین حساب پایه javascript قسمت 3 Basic javascript calculator part 3

• تمیز کردن کد تابع Cleaning Function Code

• Javascript ob پیچیده‌تر Javascript more complex ob

• OnChange با HTML OnChange with HTML

• مشکل برنامه نویسی همزمان The problem with Synchronous programming

• Async Await Async Await

• شنونده رویداد Blur Blur event listener

• عبارت Break و Continue Break and Continue statement

• فراخوانی توابع در داخل شنونده رویداد Calling a functions inside of event listener

• زنجیره ای کردن callback ها Chaining callbacks

• Closures در Javascript Closures in Javascript

• انواع داده و ساختار داده Data types and data struct

• حلقه‌ها در Javascript - FOR Loops in Javascript - FOR

• حلقه FOR در یک تمرین FOR Loop in a practice

• For in و For of For in and For of

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

• رویداد Javascript DblClick Javascript DblClick event

• عملگرهای Javascript Javascript Operators

• معرفی REGEX Introduction to REGEX

• REGEX برای تست ایمیل REGEX to test email

• Regex atoms و Assertions Regex atoms and Assertions

• Promises در Javascript Promises in Javascript

• Promise all در Javascript Promise all in Javascript

• While و Do While While and Do While

• انواع شنونده رویداد Types of event listener

• عملگرهای Ternary و سایر عملگرها Ternary and other operators

• حالت Strict Strict Mode

• دامنه متغیرها Scope of Variables

• کلاس‌ها در Javascript Classes in Javascript

• تابع arrow چیست What is a arrow function

• بدنه توابع arrow Body of arrow functions

• توابع Arrow با شکست خط Arrow functions with line break

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

• وراثت کلاس‌ها Classes inheritance

• ویژگی‌های private کلاس‌ها Classes private properties

• پایان دادن به محتوا درباره کلاس‌ها Ending the content about classes

• اعلامیه های فیلد Field declarations

• جمع آوری اطلاعات تماس از مشتری Collecting contact informations from client

• جمع آوری اطلاعات تماس قسمت 2 Collecting contact info part 2

• جمع آوری اطلاعات تماس قسمت 3 Collecting contact info part 3

• پروژه کوچک با رویداد و Fetch API Little project with event and Fetch API

• بهبود پروژه zipCode Improving the zipCode Project

• معرفی Node Js Introduction to Node Js

• تفاوت بین Node Js و Browser Difference between Node Js and Browser

• NODE JS با استفاده از app.route NODE JS using app.route

• NodeJS Express Router NodeJS Express Router

• NodeJS معرفی routes NodeJS Introduction to routes

• NODEJS Route params NODEJS Route params

• Nodejs Route Handler و Middleware Nodejs Route Handler and Middleware

• ایجاد یک پروژه Node Js Creating a Node Js project

• NODEJS مصرف داده از express در frontend NODEJS consuming data from express in frontend

• NVM و نسخه‌های Node NVM and Node Versions

• Javascript Javascript

• DOM چیست What is DOM

• تفاوت بین HTML، CSS و Javascript Diference between HTML, CSS and Javascript

• متغیرها در Javascript Variables at Javascript

• Const و متغیرها Const and Variables

• وارد کردن Javascript Importing Javascript

• سیستم پایه Javascript Javascript basic system

• هشدار Javascript Javascript alert

• اعلان پنجره Window prompt

• JSON چیست What is JSON

• رشته الگو Template string

• Camel Case Camel Case

• دسترسی به DOM به روش‌های مختلف Acessing the DOM in different ways

• مقایسه‌ها در Javascript Comparions in Javascript

• متغیرهای سراسری و راه‌های دیگر برای انجام قسمت 1 Global Variables and other Ways to do part 1

• متغیرهای سراسری و راه‌های دیگر برای انجام قسمت 2 Global Variables and other Ways to do part 2

• اعلان پنجره Javascript Javascript window prompt

• توابع Javascript Javascript functions

• انواع مختلف داده Javascript Javascript different types of data

• متد Filter Javascript Filter method Javascript

• شرایط If Else If Else conditions

• متد Map Javascript Javascript Map method

• متد ForEach ForEach method

• متد FindIndex FindIndex method

• استخراج اطلاعات از یک شیء Extracting infos from a Object

• FindIndex و IndexOf FindIndex and IndexOf

• متد reverse Javascript Javascript reverse method

• متد unshift Javascript Javascript unshift method

• متد Pop Javascript Javascript Pop Method

• متد شیفت آرایه Shift array method

• عبارت Switch Switch statement

• عبارت If در mdn If statement in mdn

• عبارت If داخل یک تابع If statement inside of a Function

• عملگرها Operators

• روش دیگر برای دسترسی به شیء Another way to acess object

• متد Array Push Array Push method

• توابع با پارامترهای بیشتر Functions with more params

• تمرین ماژول سوم THIRD MODULE EXERCISE

ماژول فوق پیشرفته - کنترل نسخه پروژه Super Advanced Module - Project Version Control

• معرفی Git Introduction to Gith

• Git و Github کنترل نسخه Git and Github version control

• مقداردهی اولیه یک مخزن Git قسمت 1 Initializing a Git repository part 1

• مقداردهی اولیه یک مخزن Git قسمت 2 Initializing a Git repository part 2

• مقداردهی اولیه یک مخزن Git قسمت 3 Initializing a Git repository part 3

• مقداردهی اولیه یک مخزن Git قسمت 4 Initializing a Git repository part 4

• مقداردهی اولیه یک مخزن Git قسمت 5 Initializing a Git Repository part 5

• چه کاری می‌توانید در یک مخزن github انجام دهید قسمت 1 What you can do in a github repo part 1

• چه کاری می‌توانید در یک مخزن github انجام دهید قسمت 2 What you can do in a github repo part 2

• تفاوت بین git و github Difference between git and github

• ایجاد یک شاخه جدید با Git Creating a new branch with Git

• ساختار شاخه Git Git branch structure

• کامیت Git بدون خط فرمان Git commit without command line

• ادغام یک شاخه Merging a branch

• ادغام با استفاده از ترمینال Merge using terminal

• چالش Github Github challenge

• چالش Github 2 Github challenge 2

• معرفی react Introduction to react

• یادگیری React Learning React

• شروع سریع React Quick Start React

• REACT USE STATE REACT USE STATE

• REACT USE STATE قسمت 2 REACT USE STATE part2

• HTML و متغیرها داخل React HTML and Variables inside of React

• کامپوننت‌های React React Components

• کامپوننت‌های React با state React components with state

• Props React React Props

• Props React (childrens و موارد دیگر) React Props (childrens and more)

• React use State با ورودی‌ها React use State with Inputs

• React Use Effect React Use Effect

• React use Effect با درخواست Fetch قسمت 1 React use Effect with Fetch Request part1

• React use effect با درخواست Fetch قسمت 2 React use effect with Fetch Request part2

• کامپوننت‌های Stateless و Statefull React React Stateless and Statefull components

• معرفی React Router Dom Introduction to React Router Dom

• React Router Dom React Router Dom

• React hook Use Ref React hook Use Ref

• React نشان دادن وضعیت fetch در HTML React showing fetch state in HTML

• React Context API React Context API

• اصول Global Context Principles of Global Context

• نشان دادن در عمل یک state جهانی Showing in practice a global state

• React hot Toast React hot Toast

• نتیجه گیری و چالش Github Conclusion and Github challenge

• تمرین ماژول فوق پیشرفته SUPER ADVANCED MODULE EXERCISE

ماژول تسلط - پایگاه داده‌ها و سرورها Mastery Module - Databases and Servers

• معرفی SQL Introduction to SQL

• نصب MySQL قسمت 1 Installing MySQL part1

• نصب MySQL قسمت 2 Installing MySQL part2

• نصب MySQL قسمت 3 Installing MySQL part3

• پایگاه داده رابطه‌ای Relational DATABASE

• پایگاه داده‌های SQL و noSQL SQL and noSQL databases

• SQL و noSQL SQL and noSQL

• نظرات داخل my SQL Comments inside my SQL

• ایجاد جدول Create table

• حذف جدول Drop Table

• عبارت Delete Delete Statement

• SQL insert into SQL insert into

• SQL insert into قسمت 2 SQL insert into part2

• انواع داده SQL SQL Data Types

• دستور SQL Select SQL Select command

• نمایش دستور Select Showing Select Statement

• SELECT with Where SELECT with Where

• SELECT WHERE با عملگرها و Clauses SELECT WHERE with operators and Clauses

• UPDATE STATEMENT UPDATE STATEMENT

• SELECT با AND OR SELECT with AND OR

• Select Distinct Select Distinct

• محدود کردن نتایج LIMIT Limiting the results LIMIT

• عبارت SQL Where Not SQL Where Not Statement

• SELECT با ORDER BY SELECT with ORDER BY

• SQL STATEMENT IS NOT NULL IS NULL SQL STATEMENT IS NOT NULL IS NULL

• درک JOINS Understanding JOINS

• انواع مختلف JOINS Different types of JOINS

• Aliases در SQL Aliases in SQL

• SQL CASE SQL CASE

• SQL BACKUP SQL BACKUP

• SQL END CONTENT SQL END CONTENT

• کلید اصلی Primary Key

• کلید خارجی Foreign Key

• FULL JOIN FULL JOIN

• LEFT JOIN LEFT JOIN

• RIGHT JOIN RIGHT JOIN

• Stored Procedures Stored Procedures

• مصرف داده با استفاده از MySQL Consuming Data using MySQL

• پروژه NODE JS با mysql قسمت 1 NODE JS project with mysql part1

• پروژه NODE JS با mysql قسمت 2 NODE JS project with mysql part2

• پروژه NODE JS با mysql قسمت 3 NODE JS project with mysql part3

• پروژه NODE JS با mysql قسمت 4 NODE JS project with mysql part4

• پروژه NODE JS با mysql قسمت 5 NODE JS project with mysql part5

• پروژه NODE JS با mysql قسمت 6 NODE JS project with mysql part6

• پروژه NODE JS با mysql قسمت 7 NODE JS project with mysql part7

• پروژه NODE JS با mysql قسمت 8 NODE JS project with mysql part8

• پروژه NODE JS با mysql قسمت 9 NODE JS project with mysql part9

• پروژه NODE JS با mysql قسمت 10 NODE JS project with mysql part10

• شروع کار با Typescript Starting with Typescript

• Typescript در Visual Studio Code Typescript in Visual Studio Code

• Interfaces به عنوان params Interfaces as params

• Interfaces با Typescript Interfaces with Typescript

• Generic Types Generic Types

• Structural Type System Structural Type System

• اگر با مشکلات اتصال به پایگاه داده مواجه هستید، این را ببینید If you are facing database connection problems, see this

• Chakra UI برای React Chakra UI for React

• ابزار Kanban Trello Kanban Tool Trello

• ابزار Agile Jira Agile Tool Jira

• تمرین ماژول تسلط MASTERY MODULE EXERCISE

• تمرین ماژول پنجم FIFTH MODULE EXERCISE