آموزش برنامه نویسی برای مبتدیان: HTML, CSS, JavaScript, Python, C#, Ruby - آخرین آپدیت

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

برنامه‌نویسی چیست؟ What is Coding ?

• مقدمه Introduction

• برنامه‌نویسی چیست؟ What is coding ?

• زبان‌های برنامه‌نویسی Programming languages

• زبان‌های اصلی توسعه وب Core Web Development Languages

• زبان‌های سطح بالا و پایین High and Low Level Languages

• کامپایلرها و مفسرها Compilers and Interpreters

ساخت صفحه وب - بخش ۱ - ابزار و برنامه‌ریزی Building a Web Page - Part 1 - Tools and Planning

• ابزارهای مورد نیاز Required Tools

• لطفاً توجه داشته باشید Please Note

• نصب ویرایشگرهای متن Installing Text Editors

• نصب ویژوال استودیو کد در ویندوز Installing Visual Studio Code on Windows

• نصب ویژوال استودیو کد در مک‌اواس Installing Visual Studio Code on MacOS

• نصب مرورگرهای وب Installing Web Browsers

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

• طراحی اولیه طرح Sketching your design

• ایجاد فایل‌ها و پوشه‌ها Creating files and folders

• انتخاب دارایی‌ها Choosing your assets

ساخت صفحه وب - بخش ۲: ساختاردهی محتوا با HTML Building a Web Page - Part 2 : Building the content structure with HTML

• HTML چیست؟ What is HTML

• آناتومی یک عنصر HTML Anatomy of an HTML Element

• ساختار پایه یک سند HTML Basic structure of an HTML document

• ایجاد ساختار پایه سند HTML - بخش ۱ Creating a basic HTML document structure - Part 1

• ایجاد ساختار پایه سند HTML - بخش ۲ Creating a basic HTML document structure - Part 2

• ایجاد ساختار پایه سند HTML - بخش ۳ Creating a basic HTML document structure - Part 3

• کد منبع The Source Code

• ویژگی‌های HTML HTML Attributes

• نشانه‌گذاری متن Marking UP Text

• ایجاد لینک‌ها Creating Links

• افزودن نظرات به کد HTML Adding comments to HTML code

ساخت صفحه وب - بخش ۳: افزودن استایل با CSS Building a Web Page - Part 3: Adding Style with CSS

• CSS چیست؟ What is CSS

• روش‌های اعمال CSS Ways to apply CSS

• استایل‌دهی چند ویژگی Styling multiple properties

• استایل‌دهی چند عنصر Styling multiple elements

• اصلاح CSS Modifying CSS

• انتخابگرهای پایه CSS Basic CSS Selectors

• افزودن نظرات CSS Adding CSS Comments

• مدل جعبه‌ای CSS The CSS Box Model

• ویژگی‌های مارجین و پدینگ CSS CSS Margin and Padding Property

• تنظیم رنگ پس‌زمینه Setting a background color

• ویژگی بوردر CSS CSS border property

• موقعیت‌دهی و استایل‌دهی عنوان صفحه Positioning and styling page title

• استفاده از ویژگی Display در CSS Using CSS display property

• ویژگی فونت CSS CSS font property

• کاوش فونت‌های گوگل Exploring google fonts

ساخت صفحه وب - بخش ۴: افزودن جاوااسکریپت برای تعامل Building a Web Page - Part 4: Adding JavaScript for interaction

• جاوااسکریپت چیست؟ What is JavaSCript

• محل قرارگیری جاوااسکریپت Where to Place JavaScript

• کنسول توسعه‌دهنده The Developer Console

• نحو (سینتکس) The Syntax

• دستورات چیستند؟ What are statements

• عبارت‌ها Expressions

• اجرای یک برنامه (کد) Executing a program (code)

• خروجی The Output

• ورودی The Input

• متغیرها چیستند؟ What are Variables

• قرارداد نامگذاری متغیرها Variable Naming Convention

• کاوش آرایه‌ها Exploring Arrays

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

• ترکیب انواع داده Mixing Data Types

• استفاده از عملگرها Using Operators

• عملگرهای حسابی Arithmetic Operators

• عملگرهای انتساب Assignment Operators

• اولویت عملگرها Operator Precedence

• عملگرهای رشته‌ای String Operators

• عملگرهای مقایسه‌ای Comparison Operators

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

• عملگر Typeof Typeof Operator

• دستورات شرطی Conditional statements

• توابع Functions

• افزودن نظرات جاوااسکریپت Adding JavaScript Comments

• ابزارهای لینتینگ Linting tools

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

• افزودن تغییردهنده تصویر به صفحه وب Adding Image changer to web page

• رفع خطای JSLINT - بخش ۱ Fixing JSLINT error -Part 1

• رفع خطای JSLINT - بخش ۲ Fixing JSLINT error -Part 2

• افزودن پیام خوش‌آمدگویی شخصی‌سازی‌شده به صفحه وب Adding a Personalised welcome message to webpage

پروژه: ساخت ماشین حساب Project: Build a Calculator

• کاوش پروژه Exploring the project

• طراحی و طرح اولیه The design and sketch

• ایجاد پوشه و فایل‌ها Creating directory and files

• ایجاد ساختار با HTML - بخش ۱ Creating the structure with HTML -Part 1

• ایجاد ساختار با HTML - بخش ۲ Creating the structure with HTML -Part 2

• افزودن قابلیت‌ها با جاوااسکریپت Adding functionality with JavaScript

• استایل‌دهی ماشین حساب با CSS Styling the calculator with CSS

پروژه: ساخت ساعت دیجیتال Project: Build a Digital Clock

• کاوش پروژه Exploring the project

• طراحی و طرح اولیه The design and Sketch

• ایجاد پوشه و فایل‌ها Creating directory and files

• ایجاد ساختار Creating the structure

• افزودن قابلیت‌ها Adding functionality

• افزودن استایل Adding style

برنامه‌نویسی با پایتون Coding with Python

• پایتون چیست؟ What is Python

• نصب پایتون در مک‌ها Installing Python on Macs

• نصب پایتون در ویندوز Installing Python on Windows

• IDLE پایتون The Python IDLE

• کلمات کلیدی رزرو شده Reserved Keywords

• عملگرهای حسابی Arithmetic Operators

• عملگرهای مقایسه‌ای Comparison Operators

• متغیرها Variables

• لیست The List

• تاپل‌ها The Tuples

• افزودن نظرات Adding Comments

• برش رشته‌ها Slicing Strings

• نوشتن اولین برنامه پایتون شما Code your first python program

• بولی The Boolean

• کلاس The Class

• متغیر SELF The SELF Variable

• مقدمه‌ای بر Tkinter Introduction to Tkinter

• TK و TCL TK and TCL

• نصب پایتون ۳ و TCL TK برای مک Installing Python 3 for and TCL TK for Mac

• ساخت اولین برنامه Tkinter شما Build your first tkinter program

• پروژه: ساخت ساعت دیجیتال: بخش ۱ Project: Build a digtal clock: Part 1

• پروژه: ساخت ساعت دیجیتال: بخش ۲ Project: Build a digtal clock: Part 2

• اجرای پروژه شما Running your project

• پروژه: تولید اعداد تصادفی Project: Generate random numbers

• پروژه: ساخت بازی حدس اعداد Project: Build a number guessing game

• پروژه: حذف حروف صدادار از متن Project: Remove Vowels from text

ساخت برنامه تبدیل ارز با پایتون Build a Currency Converter App with Python

• آنچه خواهیم ساخت What we will create

• طرح اولیه طراحی پروژه Project design sketch

• ایجاد دایرکتوری پروژه Creating a project directory

• به‌روزرسانی Pip Updating Pip

• نصب و ایجاد یک محیط مجازی Installing and creating a virtual environment

• فعال‌سازی محیط مجازی Activating a virtual environment

• نصب ویرایشگر متن Atom Installing Atom Text Editor

• ایجاد یک فایل پایتون Creating a Python file

• ساخت برنامه - بخش ۱ Building application- Part 1

• ساخت برنامه - بخش ۲ Building application- Part 2

• ساخت برنامه - بخش ۳ Building application- Part 3

• ساخت برنامه - بخش ۴ Building application- Part 4

• ساخت برنامه - بخش ۵ Building application- Part 5

• آزمایش برنامه Testing the application

• کد منبع The Source Code

ساخت پخش‌کننده موسیقی با پایتون Build a Music Player with Python

• آنچه خواهیم ساخت What we will create

• طراحی و طرح اولیه پروژه Project design and sketch

• ساخت برنامه - بخش ۱ Building application- Part 1

• ساخت برنامه - بخش ۲ Building application- Part 2

• ساخت برنامه - بخش ۳ Building application- Part 3

• ساخت برنامه - بخش ۴ Building application- Part 4

• آزمایش و اجرای برنامه Testing and running application

• کد منبع The Source Code

برنامه‌نویسی با سی‌شارپ و ویژوال استودیو Coding with C# and Visual Studio

• سی‌شارپ چیست؟ What is C#

• ویژوال استودیو چیست؟ What is Visual Studio

• حداقل الزامات نصب ویژوال استودیو ۲۰۱۹ Minimum Installation Requirements for visual studio 2019

• نصب ویژوال استودیو ۲۰۱۹ Installing Visual Studio 2019

• ایجاد یک برنامه کنسول پایه Creating a basic Console App

• ایجاد یک برنامه ویندوز فرم پایه Creating a basic Windows Forms App

• ایجاد یک برنامه وب پایه ASP.NET و سی‌شارپ Creating a basic ASP.NET and C# Web App

• اجرای پروژه خارج از محیط ویژوال استودیو Running Project Outside Visual Studio Environment

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

• استفاده از نظرات Using Comments

پروژه: ساخت مبدل حجم با سی‌شارپ Project : Build a Volume Converter with C#Project

• طراحی پروژه Project design

• ایجاد یک پروژه جدید ویندوز فرم Creating a new Windows Form Project

• افزودن کنترل‌ها Adding Controls

• تغییر نام کنترل‌های ویژگی متن Renaming the text property controls

• تغییر نام کنترل‌های ویژگی نام Renaming the name property controls

• نوشتن کد برای مدیریت‌کننده‌های رویداد Writing code for event handlers

• آزمایش برنامه Testing the application

• سفارشی‌سازی برنامه Customizing the application

• اجرای برنامه خارج از ویژوال استودیو Running the app outside visual studio

پروژه: ساخت ساعت دیجیتال Project: Create a digital clock

• ایجاد یک پروژه جدید ویندوز فرم Create a new windows forms project

• تغییر خصوصیات فرم Change Form Properties

• طراحی رابط کاربری Designing the interface

• افزودن تایمر Add Timer

• فعال‌سازی ساعت Activating the clock

پروژه: ساخت ماشین حساب با سی‌شارپ Project : Build a calculator with C#

• ایجاد یک پروژه جدید ویندوز فرم Creating a new Windows Form Project

• تغییر خصوصیات فرم Changing Form Properties

• طراحی رابط کاربری - بخش ۱ Designing the interface - Part 1

• طراحی رابط کاربری - بخش ۲ Designing the interface - Part 2

• ایجاد یک رویداد کلیک دکمه Create a button click event

• پاک کردن صفر پیش‌فرض Clear the default Zero

• ایجاد یک متد برای رویداد کلیک عملگرها Create a method for operators click event

• ایجاد یک متد برای دکمه مساوی Create a method for the equals button

• اتصال بقیه کد Hooking up the rest of the code

پروژه: ساخت برنامه نقاشی (Paint) با سی‌شارپ Project : Build a Paint Drawing Program with C#

• ایجاد یک پروژه جدید ویندوز فرم Creating a new Windows Form Project

• طراحی رابط کاربری - بخش ۱ Designing the interface - Part 1

• طراحی رابط کاربری - بخش ۲ Designing the interface - Part 2

• ایجاد متغیرها و متدهای مدیریت‌کننده رویداد Creating variables and event handler methods

• تغییر نام مدیریت‌کننده‌های رویداد Renaming the event handlers

• نوشتن کد برای فعال کردن نقاشی Writing code to enable drawing

• نوشتن کد برای فعال کردن ذخیره‌سازی Writing code to enable saving

برنامه‌نویسی با روبی Coding with Ruby

• روبی چیست؟ What is Ruby

• دانلود روبی Download Ruby

• نصب روبی Install Ruby

• گیت چیست؟ What is Git ?

• نصب گیت Install Git

• گیت‌هاب چیست؟ What is Github

• روش‌های تعامل با روبی Ways of interacting with Ruby

• تعامل با یک دستور واحد Interacting with a single command

• تعامل با روبی تعاملی (IRB) Interacting with Interactive Ruby

• پاک کردن و خروج از صفحه IRB Clearing and exiting IRB screen

• روبی جم‌ها Ruby Gems

• اشیاء روبی Ruby Objects

• متغیرهای روبی Ruby Variables

• حوزه متغیر Variable scope

• اعداد Numbers

• رشته‌ها Strings

• آرایه‌ها Arrays

• دستکاری آرایه‌ها Manipulating Arrays

• هش‌ها Hashes

• سیمبل‌ها Symbols

• عملگرهای حسابی Arithmetic Operators

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

• محدوده‌ها Ranges

• ثابت‌ها Constant

• بولی Boolean

• افزودن نظرات Adding comments

• استفاده از شرطی‌ها Using conditionals

• حلقه‌های While While loops

• حلقه‌های For For loops

• دستور Break Break statement

• دستور Until Until statement

• متد Each Each method

• روبی آن ریلز چیست؟ What is Ruby on Rails

• وب‌سایت‌های معروف ساخته شده با روبی آن ریلز Famous websites built with Ruby on Rails

• معماری MVC MVC Architecture

پروژه: ساخت برنامه وبلاگ از صفر با روبی و ریلز Project: Build a blog application from scratch with Ruby and Rails

• نصب ریلز Installing Rails

• سرورهای وب Web Servers

• ابزارهای توسعه Development tools

• ایجاد یک پروژه جدید ریلز Creating a new rails project

• بررسی به‌روزرسانی‌های جم Checking gem updates

• راه‌اندازی سرور ریلز Starting rails server

• ایجاد یک کنترلر Generate a Controller

• تنظیم صفحه اصلی شما Setting your homepage

• تعریف یک منبع Declaring a resource

• ایجاد اکشن برای افزودن پست Create action to add post

• افزودن فرم برای ایجاد پست جدید Add form to create new post

• افزودن اکشن برای ایجاد پست Add action to create post

• ایجاد مدل پست Create the post model

• ذخیره داده در کنترلر Save data to controller

• نمایش پست Showing Post

• لیست کردن پست‌ها Listing Post

• افزودن استایل با بوت‌استرپ Add style with bootstrap

• افزودن اعتبار سنجی فرم Add form validation

• مدیریت خطاهای اعتبار سنجی Handling Validation Errors

• افزودن لینک به پست‌ها Adding Links to Posts

• ویرایش پست‌ها Editing Posts

• حذف پست‌ها Deleting Posts

• ایجاد مدل کامنت Generating a comments Model

• مرتبط کردن مدل‌ها Associating Models

• ایجاد کنترلر کامنت‌ها Generate Comments Controller

• افزودن اکشن برای ایجاد کامنت‌ها Adding action to create comments

• حذف کامنت‌ها Deleting Comments

• تنظیم امنیت پایه Setting up basic security

• با تشکر Thank You