آموزش دوره کامل توسعه وب 2023 - ساخت 15 پروژه

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

مقدمه - میزبانی وب نامحدود خود را رایگان دریافت کنید - HTML Introduction - Get your free Unlimited Web Hosting - HTML

• برنامه درسی دانلود Syllabus Download

• چگونه یک وب سایت کار می کند How a website works

• سفر شما در داخل دوره Your journey inside the course

• چگونه فیلم ها را با وضوح HD تماشا کنیم How to watch videos in HD resolution

• چگونه می توان کمک گرفت How to get help

• فصل HTML: نقشه راه و کد منبع کامل HTML Chapter: Roadmap and Full Source Code

• ساختار یک وب سایت Structure of a website

• ویرایشگر متن خود را انتخاب کنید Choosing your text editor

• اولین وب سایت شما Your first website

• رمز عبور شما Your passcode

• میزبانی وب نامحدود خود را رایگان دریافت کنید Get your free unlimited web hosting

• نکته مهم در مورد FTP Important note about FTP

• وب سایت خود را با جهان به اشتراک بگذارید (1) Share your website with the world (1)

• وب سایت خود را با جهان به اشتراک بگذارید (2) - نسخه Cyberduck Share your website with the world (2) - Cyberduck version

• وب سایت خود را با جهان به اشتراک بگذارید (2) - نسخه FileZilla Share your website with the world (2) - FileZilla Version

• سرفصل ها Headings

• پاراگراف ها Paragraphs

• پیوندها Links

• تصاویر Images

• Inline vs Block Elements Inline vs Block Elements

• Iframes - Activity: یک ویدیوی آرام بخش YouTube را در وب سایت خود جاسازی کنید Iframes - Activity: Embed a nice relaxing YouTube video to your website

• لیست های نامرتب Unordered Lists

• لیست های مرتب شده Ordered Lists

• لیست های توضیحات Description Lists

• جداول Tables

• موجودیت ها Entities

• فرم ها (1) - فعالیت: یک فرم ورود ساده ایجاد کنید Forms (1) - Activity: Create a simple Login Form

• فرم ها (2) - فعالیت: یک فرم پرداخت بازار ایجاد کنید Forms (2) - Activity: Create a Marketplace Checkout Form

• تزیین متن Text Decoration

• نظرات Comments

• آزمون HTML HTML Quiz

CSS CSS

• معرفی Introduction

• فصل CSS: نقشه راه و کد منبع کامل CSS Chapter: Roadmap and Full Source Code

• CSS درون خطی Inline CSS

• CSS داخلی Internal CSS

• CSS خارجی External CSS

• کلاس ها و شناسه ها Classes and IDs

• Div و Span Div and Span

• مدل جعبه Box Model

• مدل جعبه: بالشتک Box Model: Padding

• مدل جعبه: حاشیه Box Model: Border

• مدل جعبه: طرح کلی Box Model: Outline

• مدل جعبه: حاشیه Box Model: Margin

• زمینه Background

• شناور Floating

• تثبیت موقعیت Positioning

• نمایش دادن Display

• تزیین متن Text Decoration

• تراز کردن متن Text Align

• فونت متن Text Font

• جلوه های متن Text Effects

• اسپرایت های تصویری Image Sprites

• کدورت تصویر Image Opacity

• لیست های یک ظاهر طراحی شده Styling Lists

• پیوندهای یک ظاهر طراحی شده Styling Links

• گرادیان ها Gradients

• تبدیل های دوبعدی 2D Transforms

• تبدیل های سه بعدی 3D Transforms

• انتقال ها Transitions

• تصاوير متحرك Animations

• امتحان CSS3 CSS3 Quiz

پروژه حرفه ای: وب سایت آموزش ریاضیات (HTML5 & CSS3) Professional Project: Mathematics Tutorials Website (HTML5 & CSS3)

• معرفی پروژه: وب سایت آموزش ریاضیات (HTML و CSS) Project Introduction: Mathematics Tutorials Website (HTML & CSS)

• سربرگ (1) Header (1)

• سربرگ (2) Header (2)

• منو Menu

• جعبه معرفی Introduction Box

• نوارهای جانبی (1) Sidebars (1)

• نوارهای جانبی (2) Sidebars (2)

• پاورقی و تبریک Footer & Congratulations

• آزمون وب سایت آموزش ریاضی Mathematics Tutorial Website Quiz

• کد منبع وب سایت ریاضی Maths Website Source Code

CSS پیشرفته با Flexbox، Grid و SASS Advanced CSS with Flexbox, Grid & SASS

• Flexbox: مقدمه Flexbox: Introduction

• فلکس باکس: فلکس باکس پایه Flexbox: Basic Flexbox

• Flexbox: موارد فلکس را تراز کنید Flexbox: Align flex items

• Flexbox: خطوط انعطاف پذیر را تراز کنید Flexbox: Align flex lines

• Flexbox: تغییر اندازه موارد انعطاف پذیر (1) Flexbox: Resize flex items (1)

• Flexbox: تغییر اندازه موارد انعطاف پذیر (2) Flexbox: Resize flex items (2)

• برنامه Flexbox: گالری عکس (1) Flexbox Application: Photo Gallery (1)

• برنامه Flexbox: گالری عکس (2) Flexbox Application: Photo Gallery (2)

• برنامه Flexbox: Amazon Checkout (1) Flexbox Application: Amazon Checkout (1)

• برنامه Flexbox: Amazon Checkout (2) Flexbox Application: Amazon Checkout (2)

• برنامه Flexbox: Amazon Checkout (3) Flexbox Application: Amazon Checkout (3)

• برنامه Flexbox: وب سایت ریاضیات (1) Flexbox Application: Maths Website (1)

• برنامه Flexbox: وب سایت ریاضی (2) Flexbox Application: Maths Website (2)

• برنامه Flexbox: وب سایت ریاضی (3) Flexbox Application: Maths Website (3)

• CSS Grid: Introduction & Basic Grid Template CSS Grid: Introduction & Basic Grid Template

• شبکه CSS: شبکه ضمنی در مقابل شبکه آشکار CSS Grid: Implicit vs Explicit Grid

• شبکه CSS: مناطق شبکه و طراحی پاسخگو CSS Grid: Grid areas & Responsive design

• CSS Grid: بر ویژگی "grid-column" مسلط شوید CSS Grid: Master the "grid-column" property

• CSS Grid: مختصات شبکه CSS Grid: Grid Coordinates

• CSS Grid: موارد شبکه را تراز کنید CSS Grid: Align Grid items

• برنامه CSS Grid: گالری عکس CSS Grid Application: Photo Gallery

• برنامه CSS Grid: Picture Grid CSS Grid Application: Picture Grid

• Sass: Introduction - Installation - Nesting Syntax Sass: Introduction - Installation - Nesting Syntax

• Sass: .scss در مقابل .sass - متغیرها Sass: .scss vs .sass - Variables

• Sass: @import & @extend دستورالعمل‌ها Sass: @import & @extend directives

• Sass: Mixins - Operators - Functions Sass: Mixins - Operators - Functions

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

• معرفی Introduction

• فصل جاوا اسکریپت: نقشه راه و کد منبع کامل JavaScript Chapter: Roadmap and Full Source Code

• دکمه ها Buttons

• تغییر محتوای HTML Change HTML Content

• تغییر سبک HTML Change HTML Style

• متغیرها و انواع داده ها Variables and Data Types

• تغییر HTML با استفاده از متغیرها - فعالیت: Random Color Generator Change HTML Using Variables - Activity: Random Color Generator

• توابع: فعالیت: محتوای دو div را تعویض کنید Functions: Activity: Swap the content of two divs

• اشیاء Objects

• با استفاده از کلمه کلیدی "جدید" اشیاء ایجاد کنید Create Objects using the "new" keyword

• سازندگان شی Object Contructors

• آرایه ها Arrays

• بیانیه های If and Switch - فعالیت: کنترل سرعت بزرگراه If and Switch Statements - Activity: Motorway Speed Control

• برای حلقه ها For Loops

• while Loops - فعالیت: 1000 دلار به صورت تصادفی در یک بازار خرج کنید While Loops - Activity: Spend $1000 Randomly in a marketplace

• عبارات با قاعده Regular Expressions

• خطاها (1) Errors (1)

• خطاها (2) - فعالیت: اعتبارسنجی رمز عبور Errors (2) - Activity: Password Validation

• Set Interval & SeTimeout - Activity: یک شمارنده ساده ایجاد کنید Set Interval & SeTimeout - Activity: Create a simple counter

• پنجره و صفحه نمایش Window and Screen

• جعبه های هشدار Alert Boxes

• بیسکویت ها Cookies

• آزمون جاوا اسکریپت Javascript Quiz

پروژه حرفه ای: بازی ریاضی (HTML، CSS و جاوا اسکریپت) Professional Project: Maths Game (HTML, CSS & JavaScript)

• معرفی پروژه: بازی ریاضی (HTML، CSS و جاوا اسکریپت) Project Introduction: Maths Game (HTML, CSS & JavaScript)

• ساختار و استایل صفحه (1) Page Structure & Styling (1)

• ساختار و استایل صفحه (2) Page Structure & Styling (2)

• ساختار و استایل صفحه (3) Page Structure & Styling (3)

• ساختار و استایل صفحه (4) Page Structure & Styling (4)

• منطق بازی با استفاده از نمودار جریانی گویا Game Logic using an illustrative flowchart

• کد جاوا اسکریپت (1) JavaScript Code (1)

• کد جاوا اسکریپت (2) JavaScript Code (2)

• کد جاوا اسکریپت (3) JavaScript Code (3)

• کد جاوا اسکریپت (4) و تبریک JavaScript Code (4) & Congratulations

• مسابقه بازی ریاضی Maths Game Quiz

• کد منبع بازی ریاضی Math Game Source Code

جی کوئری jQuery

• معرفی و بارگذاری JQuery Introduction and Loading JQuery

• فصل JQuery: نقشه راه و کد منبع کامل JQuery Chapter: Roadmap and Full Source Code

• انتخاب عناصر HTML (1) Select HTML Elements (1)

• انتخاب عناصر HTML (2) Select HTML Elements (2)

• به رویدادها پاسخ دهید Respond to Events

• تغییر محتوا و ویژگی های HTML (1) Change HTML Content and Attributes (1)

• تغییر محتوا و ویژگی های HTML (2) Change HTML Content and Attributes (2)

• تغییر استایل (1) Change Styling (1)

• تغییر استایل (2) - فعالیت: موقعیت تصادفی و مولد رنگ Change Styling (2) - Activity: Random Position and Color Generator

• جلوه های جی کوئری JQuery Effects

• آژاکس Ajax

• مقدمه رابط کاربری JQuery JQuery UI Introduction

• قابل کشیدن و رها کردن (1) - فعالیت: مرا تنها بگذارید! لطفا مرا رها کنید! Draggable and Droppable (1) - Activity: Leave me alone! Please drop me!

• قابل کشیدن و رها کردن (2) - فعالیت: موارد را به سبد خود بکشید Draggable and Droppable (2) - Activity: Drag Items to your basket

• قابل تغییر اندازه Resizable

• قابل انتخاب - فعالیت: خودروهای انتخاب شده را به جعبه اضافه کنید Selectable - Activity: Append selected Car Makes to a Box

• قابل مرتب سازی - فعالیت: مرتب سازی و تبادل خودرو بین دو گروه Sortable - Activity: Sort and exchange Car Makes between two groups

• آکاردئون - فعالیت: یک آکاردئون قابل تغییر اندازه با بخش های جمع شونده ایجاد کنید Accordion - Activity: Create a resizable accordion with collapsible sections

• تکمیل خودکار - فعالیت: ورودی شهر با گزینه های از پیش پر جمعیت Autocomplete - Activity: City Input with prepopulated options

• دکمه Button

• انتخابگر تاریخ - فعالیت: انتخابگر تاریخ پرواز خروجی و برگشت درست مانند Expedia Date Picker - Activity: Outbound and return Flight Date Picker just like Expedia

• گفتگو - فعالیت: آیا مطمئن هستید که می خواهید به صفحه قبلی بروید؟ Dialog - Activity: Are you sure you want to go to the previous page?

• منو Menu

• نوار پیشرفت - فعالیت: نوار پیشرفت متحرک از 0٪ تا 100٪ پر شده است Progress Bar - Activity: Animated progress bar filled from 0% to 100%

• منو را انتخاب کنید Select Menu

• لغزنده - فعالیت: مسافت پیموده شده خودرو با استفاده از لغزنده Slider - Activity: Car Mileage Range using a Slider

• ابزارک های بیشتر: اسپینرها، برگه ها و نکات ابزار More Widgets: Spinners, Tabs and Tooltips

• آزمون جی کوئری jQuery Quiz

پروژه حرفه ای: بازی Fruits Slice (HTML، CSS و JQuery) Professional Project: Fruits Slice Game (HTML, CSS & JQuery)

• معرفی پروژه: بازی Fruits Slice (HTML، CSS و JQuery) Project Introduction: Fruits Slice Game (HTML, CSS & JQuery)

• ساختار و استایل صفحه Page Structure and Styling

• منطق بازی با استفاده از نمودار جریانی گویا Game Logic using an illustrative flowchart

• کد جی کوئری (1) jQuery Code (1)

• کد جی کوئری (2) jQuery Code (2)

• کد جی کوئری (3) jQuery Code (3)

• کد جی کوئری (4) jQuery Code (4)

• مسابقه بازی Fruits Slice Fruits Slice Game Quiz

• کد منبع بازی Fruits Slice Fruits Slice Game Source Code

توییتر بوت استرپ Twitter Bootstrap

• قالب بوت استرپ Bootstrap template

• معرفی Introduction

• فصل بوت استرپ: نقشه راه و کد منبع کامل Bootstrap Chapter: Roadmap and Full Source Code

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

• تایپوگرافی Typography

• جداول Tables

• فرم ها (1) - فعالیت: فرم های ورود پاسخگو درون خطی و افقی Forms (1) - Activity: Inline and Horizontal Responsive Login Forms

• فرم ها (2) Forms (2)

• فرم ها (3) Forms (3)

• دکمه ها Buttons

• تصاویر Images

• Navs - فعالیت: طراحی وب سایت با استفاده از Nav Tabs و Nav Pills Navs - Activity: Website Design using Nav Tabs and Nav Pills

• نوارهای ناوبری - فعالیت: طراحی وب سایت با استفاده از نوار ناوبری پاسخگو/جمع شونده Navbars - Activity: Website Design using a responsive/collapsible navigation bar

• صفحه بندی - فعالیت: صفحه بندی و صفحه بندی مثال هایی مانند Google/Ebay Pagination - Activity: Pagination and Pager Examples like Google/Ebay

• جامبوترون Jumbotron

• ریز عکسها Thumbnails

• منوهای کشویی Dropdown menus

• مدال ها (1) - فعالیت: من یک استعلام در مورد سفارش خود دارم Modals (1) - Activity: I have an inquiry about my order

• مدال ها (2) - فعالیت: من یک استعلام در مورد سفارش خود دارم Modals (2) - Activity: I have an inquiry about my order

• Scrollspy Scrollspy

• زبانه ها Tabs

• نکات ابزار Tooltips

• Popovers - Activity: یک پاپاور درست مانند آنچه در IPAD می بینید ایجاد کنید Popovers - Activity: Create a popover just like the one you see on an IPAD

• Alerts - Activity: یک جعبه هشدار برای نمایش یک هشدار یا پیام موفقیت ایجاد کنید Alerts - Activity: Create an alert Box to show a warning or success message

• افزونه دکمه - فعالیت: در حال بارگیری … دانلود کامل شد Button plugin - Activity: Loading … Download Complete

• جمع کردن افزونه Collapse plugin

• چرخ فلک - فعالیت: یک نوار لغزنده چرخ و فلک تعاملی ایجاد کنید Carousels - Activity: Create an interactive carousel slider

• افزونه Affix - فعالیت: وب سایت تعاملی با محتوای الصاق شده به منو Affix plugin - Activity: Interactive Website with Content Affixed to a Menu

• آزمون بوت استرپ توییتر Twitter Bootstrap Quiz

پروژه حرفه ای: صفحه فرود برنامه (HTML، CSS و Bootstrap) Professional Project: App Landing Page (HTML, CSS & Bootstrap)

• معرفی پروژه: صفحه فرود برنامه (HTML، CSS و Bootstrap) Project Introduction: App Landing Page (HTML, CSS & Bootstrap)

• سربرگ و محتوای ویژه (1) Header and Featured Content (1)

• سربرگ و محتوای ویژه (2) Header and Featured Content (2)

• سربرگ و محتوای ویژه (3) Header and Featured Content (3)

• بخش آزمایشی، پاورقی و تبریک Trial Section, Footer & Congratulations

• آزمون صفحه فرود برنامه App Landing Page Quiz

• کد منبع صفحه فرود برنامه App Landing Page Source Code

پروژه حرفه ای: وب سایت شرکت (HTML، CSS و Bootstrap) Professional Project: Company Website (HTML, CSS & Bootstrap)

• معرفی پروژه: وب سایت شرکت (HTML، CSS و Bootstrap) Project Introduction: Company Website (HTML, CSS & Bootstrap)

• ساختار کار ما Structure of our work

• زمینه Background

• نوار ناوبری Navbar

• بخش هدر و نمادها Header & icons section

• دکمه تماس و پاورقی Contact Button & Footer

• آزمون وب سایت شرکت Company Website Quiz

• کد منبع وب سایت شرکت Company Website Source Code

پروژه حرفه ای: دوره دوست داشتنی ما (HTML، CSS، jQuery و Bootstrap) Professional Project: Our Lovely Course (HTML, CSS, jQuery & Bootstrap)

• معرفی پروژه: دوره دوست داشتنی ما (HTML، CSS، jQuery و Bootstrap) Project Introduction: Our Lovely Course (HTML, CSS, jQuery & Bootstrap)

• ساختار کار ما Structure of our work

• یک ویدیو پس زمینه اضافه کنید Add a background video

• نوار ناوبری با یک ظاهر طراحی پیشرفته Navigation bar with advanced styling

• بخش خانه Home Section

• درباره بخش About Section

• لغزنده چرخ فلک (1) Carousel Slider (1)

• چرخ فلک لغزنده (2) Carousel Slider (2)

• سازگاری برای دستگاه های کوچک Adapt for Small Devices

• افزودن ویژگی ScrollSpy به نوار ناوبری و تبریک Add ScrollSpy feature to navbar & Congratulations

• مسابقه وب سایت دوره دوست داشتنی ما Our Lovely Course Website Quiz

• کد منبع وب سایت دوره دوست داشتنی ما Our Lovely Course Website Source Code

پروژه حرفه ای: برنامه کرونومتر (HTML، CSS، jQuery و Bootstrap) Professional Project: Stopwatch App (HTML, CSS, jQuery & Bootstrap)

• معرفی پروژه: برنامه کرونومتر (HTML، CSS، jQuery و Bootstrap) Project Introduction: Stopwatch App (HTML, CSS, jQuery & Bootstrap)

• اسکلت و دکوراسیون برنامه (1) App Skeleton and Decoration (1)

• اسکلت و دکوراسیون برنامه (2) App Skeleton and Decoration (2)

• منطق برنامه با استفاده از نمودار جریانی گویا App Logic using an illustrative flowchart

• کد جی کوئری (1) jQuery Code (1)

• کد جی کوئری (2) jQuery Code (2)

• کد جی کوئری (3) jQuery Code (3)

• امتحان برنامه کرونومتر StopWatch App Quiz

• کد منبع برنامه StopWatch StopWatch App Source Code

پروژه حرفه ای: برنامه طراحی (HTML، CSS، jQuery UI، Canvas، Local Storage) Professional Project: Drawing App (HTML, CSS, jQuery UI, Canvas, Local Storage)

• معرفی پروژه: برنامه طراحی (HTML, CSS, jQuery UI, Canvas, Local Storage) Project Introduction: Drawing App (HTML, CSS, jQuery UI, Canvas, Local Storage)

• اسکلت و دکوراسیون برنامه (1) App Skeleton and Decoration (1)

• اسکلت و دکوراسیون برنامه (2) App Skeleton and Decoration (2)

• اسکلت و دکوراسیون برنامه (3) App Skeleton and Decoration (3)

• بوم HTML5 را یاد بگیرید Learn HTML5 Canvas

• منطق برنامه با استفاده از نمودار جریانی گویا App Logic using an illustrative flowchart

• ساختار کد جی کوئری jQuery Code Structure

• کد جی کوئری (1) jQuery Code (1)

• کد جی کوئری (2) jQuery Code (2)

• کد جی کوئری (3) jQuery Code (3)

• مسابقه برنامه طراحی Drawing App Quiz

• طراحی کد منبع برنامه Drawing App Source Code

ES6 - جاوا اسکریپت مدرن ES6 - Modern JavaScript

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• مقدمه ای بر جاوا اسکریپت مدرن (ES6) Introduction to Modern JavaScript (ES6)

• متغیرها و محدوده: بررسی "var" Variables & Scoping: Review of "var"

• متغیرها و محدوده: اجازه دهید Scope و Temporal Dead Zone Variables & Scoping: Let Scope and Temporal Dead Zone

• Block Scoping در ES6 Block Scoping in ES6

• توابع و محدوده بلوک Functions and Block Scoping

• توابع و Block Scoping - از let استفاده کنید Functions and Block Scoping – use let

• اجازه دهید Scope در مقابل بسته شدن ها Let Scope vs Closures

• چالش تعطیلی Closures Challenge

• فقط خواندن متغیرها - const Read only variables - const

• ویژگی‌های جدیدی که زندگی شما را آسان‌تر می‌کند: Template Literals New Features that make your life easier: Template Literals

• ویژگی‌های جدیدی که زندگی شما را آسان‌تر می‌کند: عملکردهای پیکان - دامنه واژگانی "این". New Features that make your life easier: Arrow functions – ‘this’ lexical scope

• تخریب - آرایه ها Destructuring - Arrays

• تخریب - اشیاء Destructuring - Objects

• تخریب - توابع Destructuring - Functions

• توابع - مقادیر پارامترهای پیش فرض Functions – Default Parameter Values

• توابع - پارامترهای استراحت Functions – Rest Parameters

• اپراتور گسترش Spread Operator

• اشیاء ویژگی های جدید Objects New Features

• تکرار: برای حلقه Iteration: For of loop

• Iterators - next() - Generators Iterators - next() - Generators

• نقشه ها - تکرار Maps - Iteration

• مجموعه ها - تکرار Sets - Iteration

• مجموعه ها - چالش: تقاطع و تفاوت Sets – Challenge: Intersection and Difference

• نمادها Symbols

• نماد. تکرار کننده Symbol.iterator

• Array.from: مجموعه ها، رشته ها، آرگومان ها Array.from: collections, strings, arguments

• Array.from: نقشه اختیاری، ویژگی طول، نقشه ها و مجموعه ها Array.from: optional map, length property, Maps & Sets

• آرایه ای از Array.of

• روش های آرایه بیشتر More Array Methods

• کلاس های ES6: بازگشت به سازندگان ES5 ES6 Classes: Back to ES5 Constructors

• کلاس های ES6: نحو ES6 Classes: Syntax

• کلاس های ES6: روش های استاتیک ES6 Classes: Static Methods

• کلاس های ES6: Getters & Setters ES6 Classes: Getters & Setters

• وراثت کلاس - گسترش می یابد - فوق العاده Class Inheritance – extends - super

"Front End" در مقابل "Back End" "Front End" vs "Back End"

• درک پایان (1) Understand the Back End (1)

• درک پایان (2) Understand the Back End (2)

Node.js - معرفی و نصب Node.js - Introduction & Installation

• معرفی Node.js Introduction to Node.js

• نحوه اجرای دستورات یونیکس در رایانه شخصی ویندوزی How to run Unix commands on a Windows PC

• Node.js Installation + REPL (Read-Eval-Print-Loop) Node.js Installation + REPL (Read-Eval-Print-Loop)

"فوق العاده" دوره سقوط خط فرمان The "super" Command Line Crash Course

• دوره سقوط خط فرمان (1) Command Line Crash Course (1)

• دوره سقوط خط فرمان (2) Command Line Crash Course (2)

• دوره سقوط خط فرمان (3) Command Line Crash Course (3)

• دوره سقوط خط فرمان (4) Command Line Crash Course (4)

Node.js - Let's Dive in (با استفاده از ES6 + ES7) Node.js - Let's Dive in (using ES6 + ES7)

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• اولین برنامه Node شما Your First Node Application

• صادرات فایل File Exports

• ماژول داخلی HTTP (1) HTTP Built-in Module (1)

• url.parse در مقابل WHATWG url.parse vs WHATWG

• ماژول داخلی HTTP (2) HTTP Built-in Module (2)

• ماژول داخلی HTTP (3) HTTP Built-in Module (3)

• ماژول داخلی Fs - حالت مسدود کردن Fs Built-in Module - Blocking Mode

• ماژول داخلی Fs - حالت غیر مسدود Fs Built-in Module - Non Blocking Mode

• Fs Built-in Module - از ES6 Promises استفاده کنید Fs Built-in Module - Use ES6 Promises

• ماژول داخلی Fs - از ES7 Async Await استفاده کنید Fs Built-in Module - Use ES7 Async Await

• ماژول داخلی Fs - ویژگی های بیشتر Fs Built-in Module - More Features

پروژه حرفه ای: برنامه آنلاین فایل اکسپلورر (Pure Node.js، Bootstrap 4) Professional Project: Online File Explorer App (Pure Node.js , Bootstrap 4)

• دانلود سورس کد فصل (مک، لینوکس، ویندوز) Download Chapter Source Code (Mac, Linux, Windows)

• معرفی پروژه: برنامه آنلاین فایل اکسپلورر (Pure Node.js، Bootstrap 4) Project Introduction: Online File Explorer App (Pure Node.js , Bootstrap 4)

• اسکلت و دکوراسیون Skeleton and Decoration

• منطق برنامه App Logic

• سرور را ایجاد کنید Create the Server

• نام مسیر را رمزگشایی کنید و آن را به یک مسیر ثابت کامل تبدیل کنید Decode the path name and convert it to a full static path

• نمایش محتوای پوشه و چاپ عنوان Display folder content and print the title

• نشان دادن مسیر در داخل یک "Breadcrumb" Show the path inside a "Breadcrumb"

• حلقه از طریق عناصر پوشه Loop through folder elements

• Print Icons - با ماژول child_process آشنا شوید Print Icons - Get introduced to the child_process module

• اندازه پوشه ها را با استفاده از ماژول child_process محاسبه کنید Calculate folders' size using the child_process module

• تبدیل اندازه پوشه ها به بایت - آخرین زمان تغییر آیتم ها را بازیابی کنید Convert folders' size to Bytes - Retrieve items' last modified time

• اندازه فایل ها را محاسبه کنید Calculate the size of files

• نوع mime فایل ها را دریافت کنید Get the mime type of files

• فایل ها را به مشتری ارائه دهید Serve files to the Client

• فایل‌های PDF را در مرورگر ارائه دهید - محتوای رسانه را به صورت تکه‌ای با استفاده از یک جریان ارائه کنید Serve PDF files on the browser - Serve Media content in chunks using a stream

• عناصر پوشه را بر اساس نام مرتب کنید Re-order folder elements by name

• ترتیب مجدد عناصر پوشه بر اساس نام (2) Re-order folder elements by name (2)

• پس از مرتب سازی عناصر بر اساس نام، فلش های بالا و پایین را اضافه کنید Add the up and down arrows after sorting elements by name

• مرتب سازی عناصر بر اساس اندازه و آخرین تغییر Sort elements by size and last modified

• رفع اشکالات پروژه ها Fix projects bugs

Git & Github Git & Github

• مقدمه ای بر کنترل نسخه با استفاده از Git Introduction to Version Control using Git

• هویت Git شما Your Git Identity

• Git با استفاده از خط فرمان Git using the Command Line

• Git Branching & Merging Git Branching & Merging

• Github - مقدمه Github - Introduction

• Github - درخواست های شبیه سازی، فورکینگ و کشش (1) Github - Cloning, Forking & Pull Requests (1)

• Github - درخواست های شبیه سازی، فورکینگ و کشش (2) Github - Cloning, Forking & Pull Requests (2)

• Github - درخواست‌های شبیه‌سازی، فورکینگ و کشش (3) Github - Cloning, Forking & Pull Requests (3)

برنامه خود را در Heroku مستقر کنید Deploy your App to Heroku

• برنامه خود را در Heroku مستقر کنید Deploy your App to Heroku

PHP PHP

• معرفی Introduction

• فصل PHP: نقشه راه و کد منبع کامل PHP Chapter: Roadmap and Full Source Code

• PHP را در HTML جاسازی کنید Embed PHP in HTML

• متغیرهای پی اچ پی PHP Variables

• انواع داده ها: رشته ها Data Types: Strings

• انواع داده ها: اعداد صحیح و شناور Data Types: Integers and Floats

• انواع داده ها: Booleans Data Types: Booleans

• انواع داده ها: آرایه ها Data Types: Arrays

• انواع داده ها: اشیاء Data Types: Objects

• انواع داده ها: NULL Data Types: NULL

• انواع داده ها: منابع Data Types: Resources

• توابع رشته String Functions

• بیانیه های If و Switch If and Switch Statements

• برای حلقه ها For Loops

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

• کارکرد Functions

• دریافت و ارسال کنید GET & POST

• توابع آرایه (1) Array Functions (1)

• توابع آرایه (2) Array Functions (2)

• ارسال ایمیل – فعالیت: یک ایمیل با فرمت HTML ارسال کنید Send Emails – Activity: Send a styled email in HTML format

• ورودی های کاربر را فیلتر کنید (1) - از خود در برابر هکرها محافظت کنید Filter User Inputs (1) – Protect Yourself from Hackers

• فیلتر ورودی های کاربر (2) - اعتبار سنجی ورودی کاربر Filter User Inputs (2) – User Input Validation

• فعالیت: ایجاد یک فرم تماس پاسخگو با استفاده از PHP و Bootstrap (1) Activity: Create a responsive Contact Form using PHP & Bootstrap (1)

• فعالیت: ایجاد یک فرم تماس پاسخگو با استفاده از PHP و Bootstrap (2) Activity: Create a responsive Contact Form using PHP & Bootstrap (2)

• فعالیت: ایجاد یک فرم تماس پاسخگو با استفاده از PHP و Bootstrap (3) Activity: Create a responsive Contact Form using PHP & Bootstrap (3)

• تاریخ و زمان (1) Date and Time (1)

• تاریخ و زمان (2) - فعالیت: روز هفته ای که به دنیا آمده اید؟ تاریخ در 1000 روز؟ Date and Time (2) - Activity: Day of the week you were born? Date in 1000 days?

• شامل فایل های PHP Include PHP files

• مدیریت فایل (1): باز کردن – خواندن – نوشتن – بستن File Handling (1): Open – Read – Write - Close

• مدیریت فایل (2): باز کردن – خواندن – نوشتن – بستن File Handling (2): Open – Read – Write - Close

• آپلود فایل ها با استفاده از PHP (1) – فعالیت: بارگذاری فایل های PDF و متنی کمتر از 3 ماه. Upload Files Using PHP (1) – Activity: Upload PDF & Text Files Less than 3Mo.

• آپلود فایل ها با استفاده از PHP (2) – فعالیت: بارگذاری فایل های PDF و متنی کمتر از 3 ماه. Upload Files Using PHP (2) – Activity: Upload PDF & Text Files Less than 3Mo.

• بیسکویت ها Cookies

• رسیدگی به خطا (1) Error Handling (1)

• مدیریت خطا (2) – فعالیت: ثبت خطاهای PHP در یک فایل/راه‌اندازی ایمیل‌های خطا Error Handling (2) – Activity: Log PHP errors in a file / Trigger error emails

• جلسات Sessions

• آزمون پی اچ پی PHP Quiz

MySQL MySQL

• معرفی Introduction

• فصل MySQL: نقشه راه و کد منبع کامل MySQL Chapter: Roadmap and Full Source Code

• با استفاده از PHP MYADMIN یک پایگاه داده ایجاد کنید Create a database using PHP MYADMIN

• MySQL از راه دور (1) Remote MySQL (1)

• MySQL از راه دور (2) Remote MySQL (2)

• ایجاد پایگاه داده با استفاده از PHP و MySQL Create a database using PHP & MySQL

• یک جدول به پایگاه داده اضافه کنید Add a table to a database

• یک جدول پایگاه داده را پر کنید Populate a database table

• فعالیت: پس از ارسال فرم توسط کاربر، پایگاه داده را پر کنید Activity: Populate Database once the user submits a form

• فعالیت: پس از ارسال فرم توسط کاربر، پایگاه داده را پر کنید (2) Activity: Populate Database once the user submits a form (2)

• فعالیت: پر کردن یک جدول HTML با استفاده از داده های پایگاه داده (1) Activity: Populate an HTML table using Database Data (1)

• فعالیت: پر کردن یک جدول HTML با استفاده از داده های پایگاه داده (2) Activity: Populate an HTML table using Database Data (2)

• به روز رسانی داده های پایگاه داده Update Database Data

• حذف داده های پایگاه داده Delete Database Data

• آزمون MySQL MySQL Quiz

پروژه حرفه ای: برنامه یادداشت های آنلاین (HTML، CSS، Bootstrap، PHP، MySQL، AJAX) Professional Project: Online Notes App (HTML, CSS, Bootstrap, PHP, MySQL, AJAX)

• معرفی پروژه: اپلیکیشن یادداشت های آنلاین (HTML، CSS، Bootstrap، PHP، MySQL، AJAX) Project Introduction: Online Notes App (HTML, CSS, Bootstrap, PHP, MySQL, AJAX)

• پروژه زنده و کد منبع Live Project and Source Code

• اسکلت و دکوراسیون برنامه (1) - صفحه فرود App Skeleton and Decoration (1) - Landing Page

• اسکلت و دکوراسیون برنامه (2) - صفحه فرود App Skeleton and Decoration (2) - Landing Page

• اسکلت و دکوراسیون برنامه (3) - صفحه فرود App Skeleton and Decoration (3) - Landing Page

• اسکلت و دکوراسیون برنامه (4) - صفحه فرود App Skeleton and Decoration (4) - Landing Page

• اسکلت و دکوراسیون برنامه (5) - صفحه یادداشت های من App Skeleton and Decoration (5) - My Notes Page

• اسکلت و دکوراسیون برنامه (6) - صفحه نمایه App Skeleton and Decoration (6) - Profile Page

• منطق برنامه - ثبت نام، ورود، مرا به خاطر بسپار، رمز عبور را فراموش کرده اید App Logic - Signup, Login, Remember Me, Forgot Password

• ساختار کد ثبت نام/ورود (1) Signup/Login Code Structure (1)

• ساختار کد ثبت نام/ورود (2) Signup/Login Code Structure (2)

• کد ثبت نام (1) Signup Code (1)

• کد ثبت نام (2) Signup Code (2)

• کد ثبت نام (3) Signup Code (3)

• کد ثبت نام (4) Signup Code (4)

• کد ثبت نام (5) Signup Code (5)

• کد ورود Login Code

• کد "من را به خاطر بسپار" (1) "Remember me" Code (1)

• کد "مرا به خاطر بسپار" (2) "Remember me" Code (2)

• کد "مرا به خاطر بسپار" (3) و کد خروج "Remember me" Code (3) and Logout Code

• رمز عبور را فراموش کرده ام (1) "Forgot Password" Code (1)

• رمز عبور را فراموش کرده ام (2) "Forgot Password" Code (2)

• رمز عبور را فراموش کرده ام (3) "Forgot Password" Code (3)

• رمز عبور را فراموش کرده ام (4) "Forgot Password" Code (4)

• مدیریت یادداشت ها: منطق Notes Management: Logic

• مدیریت یادداشت ها: ساختار کد Notes Management: Code Structure

• نکات بارگذاری: کد (1) Load Notes: Code (1)

• نکات بارگذاری: کد (2) Load Notes: Code (2)

• ایجاد یادداشت: کد (1) Create Notes: Code (1)

• ایجاد یادداشت: کد (2) Create Notes: Code (2)

• نکات ویرایش: کد (1) Edit Notes: Code (1)

• یادداشت های ویرایش: کد (2) Edit Notes: Code (2)

• حذف یادداشت ها: کد (1) Delete Notes: Code (1)

• حذف یادداشت ها: کد (2) Delete Notes: Code (2)

• به روز رسانی کد نام کاربری (1) Update Username Code (1)

• به روز رسانی کد نام کاربری (2) Update Username Code (2)

• به روز رسانی کد رمز عبور (1) Update Password Code (1)

• به روز رسانی کد رمز عبور (2) Update Password Code (2)

• به روز رسانی کد ایمیل (1) Update Email Code (1)

• به روز رسانی کد ایمیل (2) Update Email Code (2)

وردپرس (3 صفحه وب حرفه ای: وبلاگ + صفحه درباره + صفحه تماس) WordPress (3 Professional Webpages: Blog + About Page + Contact Page)

• معرفی Introduction

• نصب – فعالیت: اولین وبلاگ خود را ایجاد کنید Installation – Activity: Create your first Blog

• پست ها و نظرات وبلاگ Blog Posts and Comments

• تم ها Themes

• صفحات و منوها Pages and Menus

• سفارشی کردن صفحات (1) Customise pages (1)

• سفارشی کردن صفحات (2) Customise pages (2)

• CSS سفارشی Custom CSS

• پلاگین ها Plugins

• فعالیت: Beautiful About Page (اضافه کردن محتوا به صفحه وردپرس) Activity: Beautiful About Page (Add Content to a WordPress Page)

• فعالیت: صفحه زیبا درباره (تایپوگرافی) Activity: Beautiful About Page (Typography)

• فعالیت: زیبا درباره صفحه (لوگوها) Activity: Beautiful About Page (Logos)

• فعالیت: زیبا درباره صفحه (دکمه ها) Activity: Beautiful About Page (Buttons)

• فعالیت: با استفاده از نقشه گوگل و فرم تماس، یک صفحه تماس عالی ایجاد کنید Activity: Create an Awesome Contact Page with a Google Map and Contact Form

• آزمون وردپرس WordPress Quiz

Google Maps API Google Maps API's

• معرفی و جاسازی نقشه گوگل در وب سایت خود Introduction & Embed Google Map to your Website

• فصل Google Maps API: نقشه راه و کد منبع کامل Google Maps API's Chapter: Roadmap and Full Source Code

• نشانگرها و InfoWindows Markers and InfoWindows

• نشانگرها را نمایش، پنهان یا حذف کنید Show, Hide or Delete Markers

• قطره متحرک نشانگرها Animated drop of Markers

• سرویس مسیر - فعالیت: مسافت و زمان رانندگی بین نیویورک و تورنتو Direction Service - Activity: Driving distance & time between New York & Toronto

• ژئوکدینگ با استفاده از Javascript API - فعالیت: دریافت مختصات جغرافیایی یک آدرس، Geocoding using the Javascript API - Activity: Get Geocoordinates of an address,

• کدگذاری جغرافیایی با استفاده از API جغرافیایی (1) - فعالیت: فرمت آدرس و دریافت کدپستی. Geocoding using the geocoding API (1) - Activity: format Address & get postcode.

• کدگذاری جغرافیایی با استفاده از API جغرافیایی (2) - فعالیت: فرمت آدرس و دریافت کدپستی. Geocoding using the geocoding API (2) - Activity: format Address & get postcode.

• جستجوی نزدیک Nearby Search

• تکمیل خودکار Autocomplete

• آزمون Google Maps API Google Maps API's Quiz

پروژه حرفه ای: فاصله بین شهرها (HTML. CSS، jQuery، Google Maps) Professional Project: Distance Between Cities (HTML. CSS, jQuery, Google Maps)

• معرفی پروژه: فاصله بین شهرها (HTML. CSS، jQuery، Google Maps) Project Introduction: Distance Between Cities (HTML. CSS, jQuery, Google Maps)

• اسکلت و دکوراسیون Skeleton and decoration

• منطق برنامه با استفاده از نمودار جریانی گویا App Logic using an illustrative flowchart

• کد جاوا اسکریپت Javascript Code

• کد منبع برنامه فاصله بین شهرها Distance Between Cities App Source Code

• مسابقه برنامه فاصله بین شهرها Distance Between Cities App Quiz

پروژه حرفه ای: وب سایت با ابزارک های اجتماعی (فیس بوک، گوگل پلاس و توییتر) Professional Project: Website with Social Widgets (Facebook, Google+ & Twitter)

• معرفی پروژه: وب سایت با ابزارک های اجتماعی (فیس بوک، گوگل پلاس و توییتر) Project Introduction: Website with Social Widgets (Facebook, Google+ & Twitter)

• اسکلت و دکوراسیون Skeleton and decoration

• ابزارک های فیس بوک Facebook Widgets

• ابزارک های گوگل پلاس Google plus Widgets

• دکمه توییت Tweet Button

• خط زمانی توییتر Twitter Timeline

• کد منبع وب سایت Website Source Code

• مسابقه ابزارک های اجتماعی Social Widgets Quiz

برنامه های موبایل IOS و Android با استفاده از jQuery Mobile IOS and Android Mobile Applications using jQuery Mobile

• معرفی Introduction

• فصل برنامه های موبایل: نقشه راه و کد منبع کامل Mobile Apps Chapter: Roadmap and Full Source Code

• صفحات، دیالوگ ها و انتقال ها Pages, Dialogs and Transitions

• نوارهای ناوبری Navbars

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

• نماهای فهرست List Views

• ورودی های فرم Form Inputs

• مناسبت ها Events

• آزمون موبایل جی کوئری jQuery Mobile Quiz

پروژه حرفه ای: Speed ​​Reader برای IOS و Android Professional Project: Speed Reader for IOS and Android

• معرفی پروژه: Speed ​​Reader برای IOS و Android Project Introduction: Speed Reader for IOS and Android

• اسکلت و دکوراسیون برنامه (1) App Skeleton and Decoration (1)

• اسکلت و دکوراسیون برنامه (2) App Skeleton and Decoration (2)

• منطق برنامه با استفاده از نمودار جریانی گویا Logic of the App using an illustrative flowchart

• شروع به خواندن (1) Start Reading (1)

• شروع به خواندن (2) Start Reading (2)

• مکث، ازسرگیری، راه اندازی مجدد Pause, Resume, Restart

• اندازه فونت را تغییر دهید Change the font size

• سرعت خواندن را تغییر دهید Change the reading speed

• کنترل پیشرفت خواندن: به عقب و جلو بروید Control Reading Progress: Go backwards and forward

• برنامه خود را در Google Play منتشر کنید Publish your app to Google Play

• برنامه خود را در فروشگاه برنامه IOS منتشر کنید (1) Publish your app to the IOS App Store (1)

• برنامه خود را در فروشگاه برنامه IOS منتشر کنید (2) Publish your app to the IOS App Store (2)

• کد منبع برنامه Speed ​​Reader Speed Reader App Source Code

• مسابقه برنامه Speed ​​Reader Speed Reader App Quiz

پروژه حرفه ای: وب سایت اشتراک گذاری خودرو (جاوا اسکریپت، PHP، MySQL، AJAX، JSON) Professional Project: Car Sharing Website (Javascript, PHP, MySQL, AJAX, JSON)

• معرفی پروژه: وب سایت اشتراک گذاری خودرو (جاوا اسکریپت، PHP، MySQL، AJAX، JSON) Project Introduction: Car Sharing Website (Javascript, PHP, MySQL, AJAX, JSON)

• کد ثبت نام/ورود (1) Signup/Login Code (1)

• کد ثبت نام/ورود (2) Signup/Login Code (2)

• کد ثبت نام/ورود (3) Signup/Login Code (3)

• جستجوی صفحه اسکلت و دکوراسیون (1) Search Page Skeleton & Decoration (1)

• جستجوی صفحه اسکلت و دکوراسیون (2) Search Page Skeleton & Decoration (2)

• جستجوی صفحه اسکلت و دکوراسیون (3) Search Page Skeleton & Decoration (3)

• جستجوی صفحه اسکلت و دکوراسیون (4) Search Page Skeleton & Decoration (4)

• جستجوی صفحه اسکلت و دکوراسیون (5) Search Page Skeleton & Decoration (5)

• کد تصویر پروفایل (1) Profile Picture Code (1)

• کد تصویر پروفایل (2) Profile Picture Code (2)

• کد تصویر پروفایل (3) Profile Picture Code (3)

• کد تصویر پروفایل (4) Profile Picture Code (4)

• اسکلت و دکوراسیون صفحه سفرها (1) Trips Page Skeleton & Decoration (1)

• اسکلت و دکوراسیون صفحه سفرها (2) Trips Page Skeleton & Decoration (2)

• اسکلت و دکوراسیون صفحه سفرها (3) Trips Page Skeleton & Decoration (3)

• منطق وب سایت Website Logic

• کد "ایجاد سفر" (1) "Create a Trip" Code (1)

• کد "ایجاد سفر" (2) "Create a Trip" Code (2)

• کد "ایجاد سفر" (3) "Create a Trip" Code (3)

• کد "ایجاد سفر" (4) "Create a Trip" Code (4)

• کد "سفرهای بار" (1) "Load Trips" Code (1)

• کد "سفرهای بار" (2) "Load Trips" Code (2)

• کد "ویرایش/حذف سفرها" (1) "Edit/Delete Trips" Code (1)

• کد "ویرایش/حذف سفرها" (2) "Edit/Delete Trips" Code (2)

• کد "ویرایش/حذف سفرها" (3) "Edit/Delete Trips" Code (3)

• کد "ویرایش/حذف سفرها" (4) "Edit/Delete Trips" Code (4)

• کد "سفرهای جستجو" (1) "Search Trips" Code (1)

• کد "سفرهای جستجو" (2) "Search Trips" Code (2)

• کد "سفرهای جستجو" (3) "Search Trips" Code (3)

• کد "سفرهای جستجو" (4) "Search Trips" Code (4)

• کد "سفرهای جستجو" (5) "Search Trips" Code (5)

• کد "سفرهای جستجو" (6) "Search Trips" Code (6)

• کد "سفرهای جستجو" (7) "Search Trips" Code (7)

• کد "سفرهای جستجو" (8) "Search Trips" Code (8)

• کد "اسپینر" (1) "Spinner" Code (1)

• کد "اسپینر" (2) "Spinner" Code (2)

• تماس های پایانی و تبریک Finishing Touches & Congratulations

بیشتر خواندن Further Reading

• منابع اضافی برای مطالعه بیشتر Extra Resources for Further Reading

• سخنرانی پاداش Bonus Lecture