آموزش یادگیری توسعه وب با استفاده از HTML، CSS، جاوااسکریپت و PHP - آخرین آپدیت

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

1-شروع کنید! Lets Get Started!

• 1-چگونه از این دوره استفاده کنیم How to go with this Course

• الزامات چیستند What are the requirements

• کاربران ویندوز: نصب و استفاده از ویرایشگر کد Windows Users: Installing and using Code Editor

• برای کاربران مک: نصب و استفاده از ویرایشگر کد FOR MAC USERS: Installing and Using Code Editor

1-HTML HTML

• 1-کاربران ویندوز: مبانی HTML Windows Users: Basics Of HTML

• برای کاربران مک: مبانی HTML FOR MAC USERS: HTML Basics

• آنچه تاکنون یاد گرفته اید را تمرین کنید Practice what you have leaned so far

• عنوان ها و پاراگراف ها در html Headings and paragraphs in html

• ساختار HTML HTML Structure

• تمرین html html exercise

• تگ های قالب بندی در HTML Formatting Tags in HTML

• نکته: چگونه کد HTML یک وب سایت را بدانیم TIP: How to know the HTML code of a Website

• شکست خط، خط افقی و نظرات در html Line break horizontal line and comments in html

• رنگ فونت و تکلیف 1 Font color and assignment 1

• تکلیف خود را اینجا ارسال کنید Submit Your Assignment here

• نحوه اضافه کردن تصویر با ویژگی های مختلف How to add an image with different attributes

• نحوه اضافه کردن لینک در html How to add links in html

• رنگ پس زمینه لیست های مرتب و نامرتب background color ordered and unordered lists

• تصویر پس زمینه و پیوند متقابل صفحات background image and interlinking pages

• نحوه ایجاد یک منوی پایه در html how to create a basic menu in html

• تگ های HTML پایه Basic HTML Tags

• تمرین Html 2 Html exercise 2

1-CSS CSS

• 1-CSS درون خطی Inline CSS

• شناسه ها و کلاس ها در CSS Ids and Classes in CSS

• انتخابگرهای جهانی و گروهی در CSS Universal and Group selectors in CSS

• برخی از خواص CSS Some CSS Properties

• حاشیه در CSS Border in CSS

• حاشیه ها و padding Margins and Padding

• نحوه ایجاد و مرتبط کردن یک stylesheet خارجی How to create and associate an external stylesheet

• ویژگی های رایج CSS که باید بدانید Common CSS Properties You must know

• تکلیف CSS CSS ASSIGNMENT

• تکلیف خود را اینجا ارسال کنید Submit Your Assignment here

1-طرح بندی های HTML CSS HTML CSS Layouts

• 1-Div و Span Div and Span

• طرح بندی 1: هدر، منوی ناوبری، ناحیه محتوا، فوتر Layout 1: Header, Navigation Menu, Content Area, Footer

• طرح بندی 2: نوار کناری Layout 2: Sidebar

• طرح بندی 3: لوگو و شعار Layout 3: Logo and Slogan

• تنظیم لوگو در هدر Setting up logo in header

• تنظیم شعار Setting up slogan

• طراحی نوار ناوبری Designing the Navigation bar

• تنظیم ناحیه محتوا Setting up the content area

• طراحی نوار کناری Designing the sidebar

• طراحی فوتر Designing the footer

• ایجاد صفحه اصلی و درباره ما Creating Home and About page

• ایجاد صفحه خدمات Creating Services page

• فرم تماس بخش 1 Contact Form part 1

• فرم تماس قسمت 2 Contact Form part 2

• سبک دادن به فرم تماس Styling Contact Form

• تبدیل لوگو به قابل کلیک Making the logo clickable

• جداول HTML HTML Tables

• سبک دادن به جداول Styling Tables

• بارگذاری پروژه ما در سرور آنلاین Uploading our project to the online server

• تکلیف Assignment

• HTML 5 HTML 5

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

• 1-معرفی جاوا اسکریپت (جاوا نیست) Introduction to JavaScript (Its not Java)

• چه کارهایی را می تواند جاوا اسکریپت انجام دهد What things can JavaScript do

• کد جاوا اسکریپت را کجا قرار دهیم Where to put a JavaScript Code

• خروجی های جاوا اسکریپت JavaScript Outputs

• نحوه نوشتن مطالب داخلی در جاوا اسکریپت How to write the Inside stuff in JavaScript

• متغیرها در جاوا اسکریپت Variables in JavaScript

• نظرات در جاوا اسکریپت Comments in JavaScript

• توابع جاوا اسکریپت Javascript functions

• چگونه ورودی بگیریم در جاوا اسکریپت How to take input in JavaScript

• دریافت ورودی از فرم HTML و پردازش آن با جاوا اسکریپت Taking input from HTML form and processing it with JavaScript

• شرایط در جاوا اسکریپت Conditions in JavaScript

• ساخت ماشین حساب با جاوا اسکریپت Building a calculator with JavaScript

• if تو در تو در جاوا اسکریپت Nested if in JavaScript

• AND و OR AND and OR

• بررسی کننده مصوت در جاوا اسکریپت Vowel checker in JavaScript

• بررسی کنید که آیا یک عدد در جاوا اسکریپت زوج است یا فرد Check if a number is even or odd in JavaScript

• توابع (با و بدون پارامتر) Functions (with and without parameters)

• تابع با بازگشت Function with return

• رویدادها در جاوا اسکریپت Events in JavaScript

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

• اشیا در جاوا اسکریپت Objects in JavaScript

• آرایه ها در جاوا اسکریپت Arrays in JavaScript

• حلقه ها یا تکرارها در جاوا اسکریپت Loops or Iterations in JavaScript

• حلقه زدن یک آرایه در جاوا اسکریپت Looping an array in JavaScript

• حلقه For در جاوا اسکریپت For Loop in JavaScript

• تکلیف حلقه زدن 1: مجموع تمام اعداد طبیعی تا ورودی Looping assignment 1: Sum of all natural numbers till the input

• تکلیف حلقه زدن 2: ضرب تمام اعداد تا ورودی Looping assignment 2: Multiply all numbers till the input

• نحوه عملکرد دکمه های عددی ماشین حساب در جاوا اسکریپت How calculator type numeric buttons work in JavaScript

• برخی از تکنیک های جاوا اسکریپت که باید بدانید Some JavaScript techniques you must know

• ویدیوی جایزه BONUS VIDEO

• جاوا اسکریپت خارجی external javascript

• آخرین تکلیف قسمت 1 last assignment Part 1

• آخرین تکلیف قسمت 2 last assignment part 2

• مسابقه جاوا اسکریپت JavaScript Quiz

1-jQuery jQuery

• 1-مقدمه ای بر jQuery Introduction to jQuery

• اولین hello world ما با jQuery Our First hello world with jQuery

• انتخابگر در jQuery Selector in jQuery

• چند انتخابگر دیگر در jQuery Some more Selectors in jQuery

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

• افکت ها یا اقدامات jQuery jQuery Effects or Actions

• ساخت یک کادر سوئیچ با jQuery Building a toggle box with jQuery

• انیمیشن ها در jQuery Animations in jQuery

• ویژگی هایی که می توانند متحرک شوند Properties that can be animated

• اقدامات jQuery برای ویژگی های HTML و مقادیر ورودی jQuery actions for HTML attributes and input values

• تنظیم مقادیر در jQuery Set values in jQuery

• افزودن و اضافه کردن در jQuery Append and prepend in jQuery

• حذف و خالی کردن یک عنصر در jQuery Removing and emptying an element in jQuery

• کلاس های CSS در jQuery CSS classes in jQuery

• نحوه استفاده از jQuery با CDN How to use jQuery with a CDN

• مسابقه jQuery jQuery Quiz

• تکلیف jQuery jQuery Assignment

1-Bootstrap (نسخه 4) Bootstrap (Version 4)

• 1-مقدمه کلی و آنچه در این بخش یاد خواهید گرفت General Introduction and What are you going to learn in this section

• نحوه اضافه کردن بوت استرپ به یک وب سایت How to add bootstrap to a Website

• درک سیستم گرید در Bootstrap Understanding the grid system in Bootstrap

• طراحی نوار بالایی در بوت استرپ Designing top bar in bootstrap

• طراحی هدر با بوت استرپ Designing the header with bootstrap

• نوار ناوبری بهینه شده برای موبایل در بوت استرپ Mobile optimized navigation bar in bootstrap

• طراحی منوی بهینه شده برای موبایل Designing the mobile optimized menu

• طراحی هدر اصلی با عنوان و CTA Designing the main header with title and CTA

• کار با بخش درباره در Bootstrap Working with about section in Bootstrap

• بخش آمار Stats Section

• ساخت فوتر بهینه شده برای موبایل Building mobile optimized Footer

• بهینه سازی سایت برای موبایل با حذف CSS ارتفاع Optimizing the site for mobile by removing height CSS

• افکت اسکرول jQuery jQuery scroll effect

• موقعیت نوار منو Position of menu bar

• ساخت نوار ناوبری ریسپانسیو با استفاده از بوت استرپ Building the responsive navigation bar using bootstrap

• مروری بر تمام اجزای بوت استرپ Overview of all the bootstrap components

• مروری بر ابزارهای کمکی در بوت استرپ Overview of utilities in bootstrap

• طراحی صفحات درباره ما و تماس با ما با نوار کناری Designing about us and contact pages with sidebar

• بارگذاری سایت ما در سرور آنلاین و تست در دستگاه تلفن همراه Uploading our site to online server and testing on mobile device

• این کد را در هدر قرار دهید Place this Code in the header

• آزمون عملی توسعه دهنده وب Front End Front End Web Developer Practice Test

1-PHP PHP

• 1-مقدمه ای بر PHP و نوشتن اولین برنامه hello world Introduction to PHP and writing our first hello world program

• نصب نرم افزاری برای اجرای PHP Installing a software to run PHP

• index.php index.php

• درک خطاهای php Understanding the errors in php

• ساختار HTML با PHP HTML structure with PHP

• متغیرها در PHP Variables in PHP

• رشته ها در PHP Strings in PHP

• شرایط در PHP Conditions in PHP

• عملگرهای حسابی و انتساب در PHP Arithmetic and assignment operators in PHP

• مقایسه عملگرها Comparing operators

• عملگرهای منطقی و عملگرهای الحاق در PHP Logical operators and concatenating operators in PHP

• ساخت ماشین حساب در php Building a calculator in php

• درک موارد سوئیچ Understanding switch cases

• حلقه های while در PHP While loops in PHP

• حلقه های For در PHP For loops in PHP

• Do while در PHP Do while in PHP

• آرایه ها در PHP Arrays in PHP

• آرایه های انجمنی Associative Arrays

• For each loop در PHP For each loop in PHP

• توابع در PHP Functions in PHP

• تابع با پارامترها در PHP Function with parameters in PHP

• تابع بازگشت در PHP Return function in PHP

• مرتب سازی آرایه در PHP Array Sorting in PHP

1-php پیشرفته php advanced

• 1-مدیریت فرم در PHP قسمت 1 Form Handling in PHP Part 1

• مدیریت فرم در PHP قسمت 2 Form Handling in PHP part 2

• فرم با مقداری محدودیت و امنیت در PHP Form with some restriction and security in PHP

• آرایه چند بعدی در PHP Multidimensional array in PHP

• تابع include PHP PHP include function

• نحوه خواندن یک فایل متنی در php How to Read a text file in php

• ساخت برنامه کامل پرونده Building the Complete Filing Program

• آپلود فایل PHP قسمت 1 PHP file upload part 1

• آپلود فایل PHP قسمت 2 خطاهای هندلینگ PHP file upload part 2 Error Handlings

• جلسات در PHP Sessions in PHP

1-MySQL یا PHPMyAdmin MySQL or PHPMyAdmin

• 1-مقدمه ای بر پایگاه داده Introduction to the database

• ایجاد یک پایگاه داده و درج مقادیری Creating a database and inserting some values

• queries چیست و چگونه از آنها استفاده کنیم What are queries and how to use them

• نحوه دریافت داده با استفاده از queries SQL How to get data using SQL queries

1-PHP و MySQLi PHP and MySQLi

• 1-افزودن یک رکورد به یک پایگاه داده با استفاده از توابع PHP و MySQLi Adding a record into a database using PHP and MySQLi Functions

• نمایش تمام رکوردها از پایگاه داده با استفاده از PHP و MySQL Showing All records from database using PHP and MySQL

• افزودن عملکرد حذف در جدول ما با استفاده از PHP و MYSQL Adding delete functionality in our table using PHP and MYSQL

• افزودن عملکرد ویرایش Adding edit functionality

• عملکرد جستجو با استفاده از PHP و MySQLi Search functionality using PHP and MySQLi

• جستجوی پیشرفته در PHP Advance search in PHP

• جلوگیری از هک با تابع فرار واقعی Prevention From Hacking real escape function

• ورود و خروج در php و MySQLi Login and logout in php and MySQLi

• کاری که در ویدیوی قبلی انجام دادیم What we did in the previous video

• هش کردن رمز عبور در PHP Hashing password in PHP

• اعمال سیستم ورود به سیستم در پروژه کارمزدها Applying login system on fees project

• افزودن دکمه درج Adding an insert button

• سبک دادن به پروژه ما Styling our project

1-پروژه وب سایت پویا Dynamic Website Project

• 1-چه پروژه ای را در این بخش می سازید؟ What Project you would be building in this Section?

• تنظیم سایت Setting up the site

• افزودن بوت استرپ به پروژه ما Adding bootstrap to our Project

• تنظیم صفحه ثبت نام و جدول کاربران ما Setting up our signup page and users table

• ثبت نام کاربر با استفاده از query SQL Registering the user using SQL query

• افزودن عملکردهای ورود و خروج با نقش های کاربر Adding login and logout functionalities with user roles

• طراحی داشبورد مدیریت ما Designing our admin dashboard

• کار با داشبورد مدیریت Working up with admin dashboard

• افزودن قابلیت به روز رسانی پروفایل در داشبورد مدیریت ما Adding profile updating functionality in our admin Dashboard

• ایجاد جداول برای پست و دسته بندی ها Creating tables for post and categories

• طراحی صفحه post.php برای پنل مدیریت Designing the post.php page for admin panel

• کار برای الگوریتم اضافه کردن پست ها به پایگاه داده Working for algorithm of addition of posts to database

• نمایش تمام پست ها در صفحه index.php Showing all posts on index.php page

• سبک دادن به index.php و نمایش پست ها به ترتیب نزولی Styling index.php and showing posts in descending order

• نمایش تمام پست ها با عمل ویرایش و حذف در پنل مدیریت Showing all posts with edit and delete action in admin panel

• محدود کردن عملکردهای ویرایش و حذف فقط برای مدیران Restricting edit and delete functionalities only for admins only

• کار با صفحه ویرایش پست در پنل مدیریت Working with edit post page in Admin Panel

• کار با صفحه ویرایش پست قسمت 2 Working with edit post page part 2

• کار با صفحه ویرایش پست قسمت 3 Working with edit post page part 3

• کار با عملکرد حذف پست Working with delete post functionality

• ایجاد صفحه پست های عمومی Creating the public posts page

• نمایش نام دسته و نام نویسنده با استفاده از توابع تعریف شده توسط کاربر Showing category name and author name using user defined functions

• ایجاد صفحه دسته عمومی Creating a public category page

• ساخت صفحه دسته برای پنل مدیریت برای اضافه کردن و نمایش دسته Building category page for admin panel for adding and showing category

• ارسال دسته به پایگاه داده Submitting category to the database

• ایجاد منوهای پویا برای تمام دسته ها Creating dynamic menus for all the categories

• کار با صفحه صفحات در پنل مدیریت Working with pages page in admin panel

• به روز رسانی عملکرد صفحه در PHP و MySQL Update page functionality in PHP and MySQL

• نمایش صفحه ما به عنوان عمومی با منوی پویا Showing our page as public with dynamic menu

• نحوه تبدیل textarea به ویرایشگر html How to convert textarea to html editor

• کار با عملکرد جستجو در PHP و MySQLi Working with search functionality in PHP and MySQLi

• ایجاد صفحه تنظیمات Creating a settings page

• مفهوم صفحه بندی در PHP Pagination concept in PHP

• اعمال صفحه بندی در پروژه Applying pagination on project

• آماده کردن سایت ما برای آپلود Getting our site ready to be uploaded

• دریافت فایل های پروژه Get Project Files

1-میزبانی وب Web Hosting

• 1-دریافت میزبانی وب Getting the web hosting

• مروری بر پورتال میزبانی وب Overview of web hosting portal

• درک نام دامنه Understanding domain names

• درک cPanel Understanding cPanel

• نحوه ایجاد یک پایگاه داده در میزبانی وب How to create a database in web hosting

• ایجاد ایمیل های دامنه با نام تجاری در cPanel Creating branded domain emails in cPanel

• بارگذاری پروژه ما در میزبانی وب آنلاین Uploading our project to online web hosting

• درک ftp و کار با یک کلاینت FTP Understanding ftp and working up with an FTP client

• درک دامنه های افزونه و زیر دامنه ها و کار با آنها Understanding addon domains and subdomains and working with them

1-WordPress WordPress

• 1-مقدمه ای بر وردپرس Introduction to WordPress

• نحوه اضافه کردن یک پست در وردپرس How to add a post in WordPress

• طراحی صفحه اصلی Designing the homepage

• طراحی صفحه اصلی قسمت 2 Designing homepage part 2

• سفارشی کردن هدر و فوتر Customizing header and footer

• کار با منو Working with menu

• نحوه طراحی صفحات و پست های وبلاگ How to design pages and blog posts

1-سایت تجارت الکترونیک eCommerce site

• 1-چه نوع سایت تجارت الکترونیکی را در این بخش خواهید ساخت What type of eCommerce site you will be building in this section

• نصب وردپرس با استفاده از روش 2 و تنظیم سایت Installing WordPress using method 2 and setting up the site

• نصب یک افزونه Installing a plugin

• نحوه اضافه کردن یک محصول How to add a product

• تنظیمات سایت تجارت الکترونیک eCommerce site settings

• ثبت سفارش در وب سایت ما Placing an order on our website

• طراحی نوار بالایی و هدر Designing top bar and header

• چند سفارشی سازی دیگر Some more customization

• طراحی صفحه اصلی Designing the homepage

• نحوه نمایش محصولات در صفحه اصلی به صورت پویا How to show products on homepage dynamically

• نحوه اضافه کردن فراخوانی برای اقدام به افزودن به سبد خرید برای یک محصول خاص How to add a call to action add to cart for a specific product

• نمایش محصولات فروش Showing sale products

• کار با فوتر Working with footer

• طراحی نوار کناری مرتبط با تجارت الکترونیک Designing eCommerce associated sidebar

• سفارشی کردن صفحه فروشگاه و صفحه محصولات Customizing shop page and products page

1-حرف آخر FINAL WORDS

• 1-آزمون عملی توسعه دهنده Back-end Back-end Developer Practice test

• بعدش چه کار کنیم؟ What to do next?