آموزش برنامه نویسی برای مبتدیان ۲ - شروع کار با توسعه وب! - آخرین آپدیت

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

Introduction

• خوش آمدید! Welcome!

• مروری بر دوره Course Overview

• اهداف Goals

• این دوره برای چه کسانی است؟ Who Is This Course For?

• چه چیزی یاد خواهم گرفت؟ What Will I Learn?

• آیا به ابزار یا دانش قبلی نیاز دارم؟ Do I Need Any Tools or Previous Knowledge?

• چگونه باید از این دوره استفاده کنم؟ How Should I Use This Course?

• آیا آسان خواهد بود؟ Is It Going To Be Easy?

وب The Web

• اهداف Goals

• وب چیست؟ What Is The Web?

• اینترنت اولیه The Early Internet

• تولد وب The Birth of the Web

• مرورگرهای وب و سرورهای وب Web Browsers & Web Servers

• چرا به HTML نیاز داریم Why We Need HTML

• پروتکل HTTP The HTTP Protocol

• URL: سیستم آدرس وب URL: The Web's Address System

• امنیت افزوده شده از طریق HTTPS Added Security Through HTTPS

• مرور منابع محلی و راه دور Browsing Local & Remote Resources

• نحوه کار DNS How the DNS works

• رشد وب The Growth of the Web

کدنویسی یک صفحه وب Code a Web Page

• اهداف Goals

• چه چیزی یک صفحه وب را می‌سازد؟ What Makes a Web Page?

• ساختار و تودرتویی HTML HTML Structure & Nesting

• مرجع HTML HTML Reference

• یک نکته سریع در مورد دارایی های دوره A Quick Note About Course Assets

• ایجاد پوشه دوره Course Folder Creation

• راه اندازی ویرایشگر متن Text Editor Setup

• نوشتن و ذخیره فایل های HTML Writing & Saving HTML Files

• راه اندازی Google Chrome Google Chrome Setup

• پاراگراف ها و شکستن خط Paragraphs & Line Breaks

• اضافه کردن تصاویر: تئوری Adding Images: Theory

• اضافه کردن تصاویر: اضافه کردن یک تصویر محلی Adding Images: Adding a Local Image

• اضافه کردن تصاویر: اضافه کردن یک تصویر راه دور Adding Images: Adding a Remote Image

• استایل دهی با CSS: استایل دهی چیست؟ Styling With CSS: What is Styling?

• سینتکس و مرجع CSS CSS Syntax & Reference

• اعمال کردن ویژگی Style Applying the Style Attribute

• CSS Background-Color CSS Background-Color

• روش رنگی از پیش تعریف شده/مرورگر متقابل CSS CSS Pre-Defined/Cross Browser Color Method

• روش رنگی CSS RGB CSS RGB Color Method

• روش رنگی CSS RGBA CSS RGBA Color Method

• روش رنگی CSS Hexadecimal CSS Hexadecimal Color Method

• روش‌های رنگی CSS HSL & HSLA CSS HSL & HSLA Color Methods

• CSS پیدا کردن مقادیر رنگ CSS Finding Color Values

• CSS نام خود را از کجا می گیرد: شیوه نامه ها، آبشاری، خاص بودن و وراثت Where CSS Gets It’s Name: Stylesheets, Cascading, Specificity & Inheritance

• اندازه های CSS: معرفی CSS Sizes: Introduction

• اندازه های CSS: واحدهای طول مطلق CSS Sizes: Absolute Length Units

• اندازه های CSS: واحدهای طول نسبی - درصد CSS Sizes: Relative Length Units - Percentage

• اندازه های CSS: واحدهای طول نسبی - VW & VH CSS Sizes: Relative Length Units - VW & VH

• اندازه های CSS: واحدهای طول نسبی - EM & REM CSS Sizes: Relative Length Units - EM & REM

• موقعیت یابی اصلی CSS: Text-Align CSS Basic Positioning: Text-Align

• فونت های CSS CSS Fonts

• خلاصه بخش 3 Section 3 Recap

چالش صفحه وب Web Page Challenge

• توضیح چالش Challenge Brief

• کد منبع چالش 1 (هشدار اسپویلر) Challenge 1 Source Code (Spoiler Alert)

کدنویسی یک وب سایت Code a Website

• مقدمه بخش 5 Section 5 Introduction

• اهداف بخش 5 Section 5 Goals

• ماک آپ وب سایت Website Mockup

• راه اندازی پوشه Folder Setup

• راه اندازی VS Code VS Code Setup

• ایجاد صفحه وب Web Page Creation

• تئوری Hyperlinking: تگ HTML Anchor Hyperlinking Theory: The HTML Anchor Tag

• پیوند صفحه وب Web Page Linking

• عنصر HTML Div The HTML Div Element

• CSS: Background-Image CSS: Background-Image

• کامنت گذاری کد HTML Commenting HTML Code

• فونت های گوگل Google Fonts

• مدل جعبه ای CSS و ابزارهای توسعه دهنده Chrome CSS Box Model & Chrome Dev Tools

• عنصر HTML Nav The HTML Nav Element

• CSS: هدف قرار دادن عناصر HTML بر اساس نام CSS: Targeting HTML Elements by Name

• CSS: هدف قرار دادن عناصر HTML بر اساس کلاس CSS: Targeting HTML Elements by Class

• CSS: هدف قرار دادن عناصر HTML بر اساس ID CSS: Targeting HTML Elements by ID

• شیوه نامه های خارجی - قسمت 1 External Stylesheets - Part 1

• شیوه نامه های خارجی - قسمت 2 External Stylesheets - Part 2

• خلاصه بخش 5 Section 5 Recap

کدنویسی با جاوا اسکریپت Code With Javascript

• اهداف بخش 6 Section 6 Goals

• چرا جاوا اسکریپت؟ Why JavaScript?

• بلاک HTML Script The HTML Script Block

• اجرای کد همزمان در مقابل ناهمزمان Synchronous vs Asynchronous Code Execution

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

• متغیرها Variables

• عملگرها: تخصیص و محاسبات Operators: Assignment & Arithmetic

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

• شرطی ها Conditionals

• توابع Functions

• توابع: آرگومان ها و خروجی ها Functions: Arguments & Returns

• واسازی Deconstructing

• ایجاد صفحه رمز عبور Password Page Creation

• ورودی و دکمه های HTML HTML Input & Buttons

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

• متدهای Object Object Methods

• DOM HTML The HTML DOM

• ضبط رمز عبور و Console Password Capture & The Console

• بررسی رمز عبور Password Checking

• ویرایش DOM برنامه ریزی شده و JS خارجی Programmatic DOM Editing & External JS

• خلاصه بخش 6 Section 6 Recap

محتوای اضافی! استایل دهی با بوت استرپ Additional Content! Styling with Bootstrap

• مقدمه و اهداف بخش 7 Section 7 Intro & Goals

• فریم ورک چیست؟ What is a Framework?

• معرفی بوت استرپ Introducing Bootstrap

• ساختن بر اساس بوت استرپ Building on Bootstrap

• خلاصه بخش 7 Section 7 Recap

چالش پایان دوره! End of Course Challenge!

• توضیح چالش Challenge Brief

• انتشار در وب Publishing To The Web

• بخش کامل شد! Section Complete!

جمع بندی پایان دوره End of Course Wrap Up

• جمع بندی Wrap Up