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

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

چگونه وارد وب شویم How to Get on the web

• درباره این دوره: آنچه خواهید آموخت About this course what you will learn

• چک لیست تبدیل شدن به یک توسعه دهنده وب Checklist to becoming a web developer

• ویرایشگرهای وب Web editors

• سرورهای وب و ماشین‌های محلی Web Servers Local Machines

• منابع سرور وب برای توسعه وب Web development web server resources

• راهنمای منابع توسعه وب web development resource guide

• برنامه ریزی نیازمندی‌های وب سایت شما Planning your Website requirements

• توسعه وب و هاستینگ web development and hosting

• توسعه وب، هاستینگ و CMS Web development hosting and CMS

• انتخاب و یافتن بهترین نام‌های دامنه Picking and finding the best Domain Names

• گام 1: شروع آنلاین Step 1 getting started online

• گام 1: شروع آنلاین Step1 - Getting started online

• شروع آنلاین: چرا یک دامنه داشته باشیم؟ Getting started online why have a domain

• اولین گام‌ها برای آنلاین شدن: جایگاه خود را در اینترنت تثبیت کنید First Steps to Getting online claim your spot on the internet

• انتقال فایل وب به سرور: برنامه های FTP Web file transfer to server FTP apps

• فهرست نرم افزارهای FTP برای توسعه وب Web development FTP software list

• پایگاه داده های وب: phpMyAdmin و MySQL Web Databases phpmyadmin mySQL

• کنترل نسخه و اشتراک گذاری فایل: گیت (Git) Version control file sharing Git

• برنامه ریزی و طراحی وب سایت website planning and design

• منابع دوره توسعه وب Web development Course Resources

• توسعه دهنده وب: فعالیت در شبکه های اجتماعی Web Developer getting social

• منابع فعالیت در شبکه های اجتماعی Getting social resources

آموزش ضروری HTML HTML Essential Training

• گام 2: یادگیری HTML و CSS Step 2 Learn HTML and CSS

• گام 2: کدنویسی HTML و CSS Step 2 - Coding HTML CSS

• مقدمه دوره HTML HTML course Introduction

• مبانی HTML HTML Basics

• عنصر پاراگراف در HTML HTML paragraph element

• عناوین HTML و سئو (SEO) HTML Titles SEO

• مقدمه ای بر نمونه کد HTML: صفحه پایه Intro To HTML Code Sample basic page

• سرفصل‌های HTML HTML Headings

• مقدمه ای بر نمونه کد HTML: سرفصل‌ها Intro To HTML Code Sample headings

• ساختار سند HTML با div و span HTML div span document structure

• مقدمه ای بر نمونه کد HTML: استفاده از div و span Intro To HTML Code Sample using divs and spans

• لینک‌های HTML HTML Hyperlinks

• افزودن تصاویر در HTML HTML adding Images

• قرار دادن تصویر در لینک HTML HTML wrapping an image with a hyperlink

• مقدمه ای بر نمونه کد HTML: قرار دادن لینک Intro To HTML Code Sample wrap hyperlink

• نحوه استفاده از لیست‌های مرتب در HTML HTML how to use ordered Lists

• مقدمه ای بر نمونه کد HTML: لیست‌ها Intro To HTML Code Sample Lists

• کار با لیست‌های نامرتب در HTML HTML working with unordered lists

• کامنت‌های خوانا در کد HTML HTML nice readable code comments

• مقدمه ای بر استایل دهی در HTML HTML introduction to styling

• HTML و جاوااسکریپت HTML and JavaScript

• فرم‌های HTML HTML forms

• کد منبع پروژه دوره HTML HTML Course Source Code of project

• کد منبع Source Code

آموزش ضروری CSS CSS Essential Training

• مقدمه دوره CSS CSS course introduction

• افزودن CSS به HTML HTML adding CSS

• انتخاب عناصر در CSS با استفاده از ID CSS using IDs to select elements

• کلاس‌ها در CSS: span و div CSS spans and divs Classes

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

• کار با پس زمینه ها در CSS CSS working with backgrounds

• انتخاب عناصر صحیح در CSS CSS selecting the right elements

• لینک‌ها و ناوبری در CSS CSS hyperlinks and navigation

• مدل جعبه ای CSS CSS box model

• مدل جعبه ای CSS: نوشتار کوتاه css box model shorthand

• انتخاب‌های تودرتو در CSS CSS nesting selections

• ترکیبات CSS CSS Combinations

• کد منبع CSS و HTML CSS and HTML source code

• موقعیت‌های CSS CSS positions

ساخت وب سایت با HTML و CSS Create a website with HTML and CSS

• منابع این بخش Resources for this Section

• ساخت وب سایت از ابتدا: متا تگ‌های HTML Make a Webite from scratch HTML meta tags

• کد منبع Source Code

• ساخت وب سایت: شروع به کدنویسی Make a Website Let's get coding

• ساخت وب سایت: ایجاد لینک‌های ناوبری Make a Website create navigation hyperlinks

• بیشتر درباره HTML: افزودن محتوا و پاراگراف More about HTML learning about adding content and paragraphs and

• منبع فهرست 2 index source 2

• افزودن استایل دهی: اینجا CSS می آید Add styling here comes the CSS

• طراحی نوار ناوبری با CSS CSS navigation bar design

• مدل جعبه ای CSS CSS box model

• لینک‌ها، حالت hover و موارد بیشتر در CSS Hyperlinks hover and more CSS

• به روزرسانی قالب وب: CSS Web Template updates CSS

• ساخت وب سایت: واکنش گرا کردن آن Make a Website make it responsive

• ساخت وب سایت: فرم‌ها Make a Website forms

• کد منبع HTML: index Source HTML index

• کد منبع CSS: style Source CSS style

• گام 3: ساخت پورتفولیو Step 3 Building a portfolio

• گام 3: ساخت پورتفولیو Step 3 - Build a portfolio

آموزش ضروری جاوااسکریپت JavaScript Essential Training

• جاوااسکریپت: مقدمه ای بر کدنویسی جاوااسکریپت JavaScript introduction to coding JavaScript

• جاوااسکریپت: اعداد صحیح JavaScript Integers

• جاوااسکریپت: رشته‌ها JavaScript Strings

• جاوااسکریپت: انواع داده بولی (Boolean) JavaScript Data Types Boolean

• جاوااسکریپت: مثال 1 JavaScript Example 1

• جاوااسکریپت: خروجی به کنسول JavaScript output to console

• جاوااسکریپت: کار با متغیرها JavaScript working with Variables

• جاوااسکریپت: مقدمه ای بر DOM JavaScript introduction to the DOM

• جاوااسکریپت: مثال 2 JavaScript Example 2

• جاوااسکریپت: مقدمه ای بر استفاده از توابع JavaScript introduction to using functions

• جاوااسکریپت: مثال 3 JavaScript example 3

• جاوااسکریپت: توابع توسعه یافته JavaScript functions expanded

• جاوااسکریپت: متغیرهای سراسری در مقابل محلی JavaScript global vs local variables

• جاوااسکریپت: مثال 4 JavaScript example 4

• جاوااسکریپت: عملگرهای مقایسه ای JavaScript Comparison Operators

• جاوااسکریپت: عملگرهای پیچیده JavaScript complex operators

• کد منبع بازی سنگ، کاغذ، قیچی Rock paper Scissors source code

• جاوااسکریپت: راه اندازی یک آرایه JavaScript setup an array

• جاوااسکریپت: کار با آرایه‌ها JavaScript working with arrays

• جاوااسکریپت: مثال 6 (آرایه‌ها) JavaScript example 6 arrays

• جاوااسکریپت: ایجاد یک شیء JavaScript create an object

• جاوااسکریپت: مثال 7 (اشیا) JavaScript example 7 objects

• جاوااسکریپت: حلقه ها JavaScript Loops

• جاوااسکریپت: مثال 8 (حلقه‌ها) JavaScript example 8 loops

• جاوااسکریپت: الحاق رشته‌ها JavaScript Concatenate strings

• جاوااسکریپت: کار با متدهای جاوااسکریپت JavaScript working with JavaScript Methods

• جاوااسکریپت: مثال 9 (فایل منبع) JavaScript example 9 source file

• جاوااسکریپت: ایجاد بازی تعاملی JavaScript Create interactive Game

• جاوااسکریپت: مثال 10 (کد منبع) JavaScript example 10 Source code

یادگیری jQuery Learn jQuery

• مقدمه دوره jQuery jQuery Course introduction

• برگ تقلب jQuery jQuery Cheatsheet

• jQuery و DOM jQuery and the DOM

• jQuery چیست؟ What is jQuery

• تنظیم jQuery در صفحه وب شما setup jquery on your web page

• راه اندازی jQuery Setup jQuery

• جاوااسکریپت در مقابل jQuery Javascript vs jQuery

• راه اندازی منبع jQuery jQuery source setup

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

• انتخابگرهای CSS در jQuery برای شناسایی عناصر HTML jQuery CSS selectors to help identify HTML elements

• انتخابگرهای منبع jQuery jQuery source selectors

• jQuery: حلقه برای همه آیتم ها jQuery loop all items

• انتخاب‌های چندگانه منبع jQuery jQuery source multiple selections

• jQuery: انتخابگر برای رنگ آمیزی متناوب ردیف‌ها jQuery selector alternating row colors

• رویدادهای jQuery jQuery events

• رویدادهای منبع jQuery jQuery source Events

• jQuery: مدیریت چندین رویداد jQuery mulitple event handling

• jQuery: مدیریت چندین رویداد jQuery multiple event handling

• jQuery: به روزرسانی کلاس منوی ناوبری در هنگام تغییر jQuery navigation menu update class on change

• jQuery: CSS به روزرسانی شده برای منوی ناوبری jQuery updated css for nav menu

• jQuery: CSS منوی ناوبری jQuery Navigation Menu CSS

• jQuery: دستکاری CSS jQuery Manipulating CSS

• jQuery: کد CSS 1 jQuery css code 1

• jQuery: تغییرات CSS jQuery CSS changes

• jQuery: کد CSS 2 jQuery css code 2

• ویژگی‌های jQuery jQuery attributes

• jQuery: چک باکس‌ها و فیلدها jQuery checkboxes and fields

• jQuery: مقادیر attr و prop jQuery attr and prop val

• jQuery: HTML و متن jQuery html and text

• jQuery: متدهای دستکاری DOM jQuery DOM Manipulation Methods

• jQuery: قبل و بعد (کد منبع) jQuery before after source

• jQuery: پیمایش DOM (عناصر اول و آخر) jQuery Traversing the DOM last and first elements

• jQuery: منبع پیمایش jQuery Traversing resource

• jQuery: استفاده از find jQuery using find

• jQuery: یافتن محتوا از iframe و به روزرسانی عناصر jQuery find content from iframe update elements

• jQuery: پیمایش درخت jQuery tree traversal

• کد منبع پیمایش Traversing source code

• jQuery: افکت‌ها (نمایش/پنهان کردن) jQuery effects Hide Show

• jQuery: افکت‌های انیمیشن jQuery animation effects

• jQuery: گزینه های انیمیشن jQuery animation options

• jQuery: افکت‌های کشویی jQuery sliding effects

• jQuery: افکت‌های محوشونده jQuery fading effects

• HTML: افکت‌های کد منبع HTML source Effects

• JS: افکت‌های کد منبع JS source Effects

• jQuery: بارگذاری AJAX jQuery AJAX load

• jQuery: دریافت JSON با AJAX jQuery AJAX getJSON

• jQuery: ارسال داده با AJAX و بازگرداندن خروجی سرور jQuery AJAX POST data return server output

• jQuery: تجزیه JSON با AJAX jQuery AJAX parseJSON

• فایل منبع JSON JSON file source

• چالش jQuery jQuery Challenge

• راه حل چالش Challenge Solution

• فایل اصلی کد منبع JS Main JS source File

بوت استرپ: چارچوب HTML، CSS و JS برای توسعه سایت‌های واکنش گرا Bootstrap HTML, CSS, and JS framework for developing responsive sites

• گام 4: آشنایی با سه فناوری ضروری وب Step 4 Knowing the three essential technologies of the web

• گام 4: کسب درآمد به عنوان توسعه دهنده فرانت اند Step 4 - Make money as a front end developer

• دوره بوت استرپ: مقدمه ای بر بوت استرپ Bootstrap course intro to Bootstrap

• منابع آنلاین بوت استرپ: وب سایت‌های سریع Bootstrap online resources Quick websites

• منابع بوت استرپ Bootstrap Resources

• قالب‌های بوت استرپ: راه اندازی سریع Bootstrap themes fast setup

• قالب‌های رایگان بوت استرپ آنلاین Bootstrap free themes online

• بوت استرپ: افزودن بوت استرپ به سایت شما Bootstrap adding bootstrap to your site

• راه اندازی بوت استرپ Bootstrap setup

• بوت استرپ: مقدمه ای بر سیستم گرید Bootstrap introduction to the grid

• بوت استرپ: ستون‌ها و گرید پیشرفته Bootstrap Columns Grid Advanced

• بوت استرپ: توضیح سیستم گرید Bootstrap Grid explained

• بوت استرپ: تایپوگرافی و پیش‌فرض‌های کد HTML5 Bootstrap Typography HTML5 Code defaults

• جداول بوت استرپ bootstrap tables

• کد منبع جدول بوت استرپ bootstrap table source

• فرم‌ها و دکمه‌های بوت استرپ Bootstrap Forms and Buttons

• نمونه کد فرم بوت استرپ bootstrap sample form code

• دکمه‌ها و ابزارهای ساخت دکمه Buttons and button makers

• بوت استرپ: ناوبری، نوار ناوبری (Navbar) و ناوبری Bootstrap Nav Navbar and navigation

• کد منبع نوار ناوبری (NavBar) Source Code NavBar

• قالب شروع بوت استرپ bootstrap starter template

• مولفه‌های بوت استرپ: گلایف آیکون‌ها (Glyphicons) Bootstrap Components Glyphicons

• مولفه‌های بوت استرپ و موارد بیشتر Bootstrap Components and more

• منابع بوت استرپ از دوره Bootstrap resources from course

• بوت استرپ: جاوااسکریپت Bootstrap JavaScript

• ساخت وب سایت بوت استرپ در 5 دقیقه Bootstrap website in 5 minutes

• منابع دوره بوت استرپ Bootstrap Course Resources

• بوت استرپ 4: نسخه بتا Bootstrap 4 Beta Version

یادگیری PHP Learning PHP

• گام 5: پایگاه داده‌های پویا، زبان‌های سازنده (LAMP) Step 5 Dynamic Databases Constructor Languages LAMP

• گام 5: توسعه وب بک‌اند و پایگاه داده‌ها Step 5 - Back-end Web development Databases

• PHP: راه اندازی لوکال هاست برای اسکریپت نویسی سمت سرور PHP setup local host for server side scripting

• PHP: راه اندازی، پیکربندی و نصب PHP setup config install

• اطلاعات PHP PHP information

• PHP: خروجی گرفتن محتوا PHP Outputting content

• PHP: متغیرهای سرور و کامنت‌ها PHP server variables comments

• PHP: خطاها و ساختار PHP errors and syntax

• PHP: متغیرها، خروجی متغیرها، نقل قول‌ها و موارد بیشتر PHP variables output variables quotes and more

• PHP: انواع، متغیرها و نقل قول‌ها PHP Types Variables and Quotes

• PHP: عملگرها PHP operators

• PHP: کد منبع عملگرها PHP operators source code

• PHP: عملگرهای تبدیل نوع متغیر PHP variable type conversion operators

• PHP: دستورات شرطی (else if) PHP conditional statements else if

• PHP: دستورات if، else و switch PHP if else switch statements

• PHP: دستور switch PHP switch statement

• کد منبع: دستورات SourceCode Statements

• PHP: حلقه های do-while PHP loops do while

• PHP: مثال‌های حلقه PHP Loop examples

• PHP: حلقه‌ها PHP loops

• کد منبع: Do-while SourceCode Do while

• PHP: یادگیری آرایه‌ها PHP learning about arrays

• PHP: افزودن به آرایه PHP adding to array

• PHP: توابع آرایه PHP array functions

• کد منبع: آرایه‌ها SourceCode Arrays

• PHP: آرایه‌ها PHP arrays

• چالش PHP: بازآفرینی رنگ‌های متناوب ردیف PHP Challenge recreate alternating row colors

• چالش 1: HTML Challenge 1 HTML

• راه حل PHP: اسنیپت کد رنگ‌های متناوب PHP solution alternating colors code snippet

• کد راه حل چالش 1 Challenge 1 Solution code

• PHP: توابع (مولد رنگ تصادفی) PHP Functions Random color generator

• کد منبع: توابع (پس زمینه تصادفی) Functions Random Background Source Code

• PHP: توابع (آرگومان‌ها، مقادیر سراسری) PHP Functions Arguments Global Values

• کد منبع توابع Functions Source Code

• PHP: include و require_once PHP include require once

• PHP: کد منبع require و include PHP require include source code

• PHP: تنظیم کوکی‌ها PHP setting cookies

• PHP: استفاده از سشن‌ها PHP using sessions

• چالش PHP 2: شمارش بازدیدهای کاربران PHP Challenge 2 Count users visits

• PHP: راه حل چالش 2 PHP Challenge 2 Solution

• PHP: کد راه حل چالش 2 PHP challenge 2 solution code

• قالب‌های وب با PHP و HTML PHP and HTML web templates

• قالب وب سایت PHP PHP website template

یادگیری MySQL، PHP و PhpMyAdmin Learning about MySQL PHP PHPmyadmin

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

• گزینه‌های MySQL MySQL options

• منابع دوره MySQL mySQL Course Resources

• MySQL و PhpMyAdmin: ایجاد جدول MySQL PHPmyadmin create a table

• MySQL: اتصال به پایگاه داده MYSQL connect to database

• MySQL: اتصال به روش شیءگرا MYSQL connect Object Oriented Method

• کد منبع MySQL MYSQL Source

• MySQL: ایجاد پایگاه داده با PHP MYSQL create a database with PHP

• MySQL: حذف پایگاه داده (DROP) MYSQL DROP database

• کد منبع MySQL 2 MYSQL Source 2

• MySQL: ایجاد جدول (انواع داده) MYSQL Create Table Datatypes

• کد منبع MySQL 3 MYSQL Source 3

• انواع داده در MySQL mySQL DataTypes

• MySQL: اتصالات شیءگرا در مقابل رویه‌ای MYSQl Object vs Procedural Connections

• MySQL: درج داده MySQL Insert Data

• MySQL: بازیابی آرایه (Select) MySQL Fetch Array Select

• کد منبع MySQL 4 MYSQL Source 4

• MySQL: درج داده از لیست آرایه MySQL Insert array list data

• MySQL: انتخابگرها، وایلدکاردها و LIKE MySQL selectors wildcards and LIKE

• کد منبع MySQL 5 MYSQL Source 5

• MySQL: ترتیب مرتب سازی MySQL Sort order

• MySQL: پیوستن جداول MySQL joining tables

• کد منبع MySQL 8 MYSQL Source 8

• MySQL: حذف رکوردها MySQL DELETE records

• MySQL: به روزرسانی جدول MySQL UPDATE table

• MySQL: گروه بندی ردیف‌ها MySQL GROUPING rows

• کد منبع MySQL 6 MYSQL Source 6

• MySQL: شمارش ردیف‌ها MySQL COUNTING ROWs

• MySQL: پاکسازی و جلوگیری از تزریق SQL MySQL clean avoid sql injections

• کد منبع MySQL 9 MYSQL Source 9

وردپرس CMS: راه اندازی و نصب Wordpress CMS setup install

• آموزش وردپرس: دانلود و راه اندازی سرور Wordpress Tutorial Download Server setup

• آموزش وردپرس: نصب کامل در کمتر از 5 دقیقه Wordpress Tutorial Complete install in under 5 minutes

• نکات نصب وردپرس Wordpress install notes

• آموزش وردپرس: به روز نگه داشتن داشبورد Wordpress Tutorial keeping up to date dashboard

• آموزش وردپرس: آشنایی با داشبورد Wordpress Tutorial getting to know the dashboard

• آموزش وردپرس: افزونه‌ها، پشتیبان گیری و موارد بیشتر Wordpress Tutorial Plugins Backup and more

• آموزش وردپرس: تنظیمات، لیست‌های پینگ و URL‌های سفارشی Wordpress Tutorial Settings Pinglists custom URLs

• آموزش وردپرس: شخصی سازی تنظیمات Wordpress Tutorial Customizing settings

• وردپرس: لینک‌های مفید Wordpress Useful links

• آموزش وردپرس: ایجاد یک پست Wordpress Tutorial creating a post

• آموزش وردپرس: گزینه های ارسال پست Wordpress Tutorial posting options

• آموزش وردپرس: ویرایش و به روزرسانی پست‌ها Wordpress Tutorial editing and updating posts

• آموزش وردپرس: نظرات Wordpress Tutorial comments

• آموزش وردپرس: ایجاد صفحات Wordpress Tutorial create pages

• آموزش وردپرس: ساختار صفحه سفارشی Wordpress Tutorial custom page structure

• آموزش وردپرس: افزودن یک قالب Wordpress Tutorial adding a theme

• آموزش وردپرس: ابزارک‌ها (Widgets) و شخصی سازی قالب صفحه Wordpress Tutorial widgets customize page theme

• آموزش وردپرس: کار با منوها Wordpress Tutorial working with menus

• آموزش وردپرس: ویرایشگر ظاهر و کد PHP Wordpress Tutorial Appearance Editor PHP code

• آموزش وردپرس: کار با افزونه‌ها Wordpress Tutorial working with plugins

• افزونه‌های نهایی برای وردپرس Ultimate plugins for wordpress

• آموزش وردپرس: ابزارها Wordpress Tutorial Tools

• آموزش وردپرس: کنترل کاربران Wordpress Tutorial user control

نمونه کدها - اسنیپت‌های کد مفید - پاسخ به سوالات رایج Code Examples - Useful Code Snippets - Answers to common questions

• CSS: استایل دهی مرزها و جعبه‌ها CSS Borders Box Styling

• مدل جعبه‌ای و اندازه دهی جعبه برای قالب‌ها: نمونه کدها Box Model and Box Sizing for templates Code Examples

• فرم HTML: ارسال به ایمیل HTML Form submit to mail. Form submit to mail

• کد منبع Source Code

• جاوااسکریپت: مودال پاپ آپ JavaScript PopUp Modal

• کد منبع: مودال پاپ آپ جاوااسکریپت Source Code JavaScript Modal Popup

بخش جایزه Bonus Section

• درس جایزه Bonus Lecture

• مواد آموزشی اضافی: دسترسی به دانلودها، مثال‌های عملی Additional Learning Materials: Access to Downloads, Practical Examples