آموزش اولین وب سایت خود را با HTML، CSS و جاوا اسکریپت ایجاد کنید

درس ها Lessons

• افزودن درخواست رسانه و سبک‌های موبایل (CSS) Add a Media Query & Mobile Styles (CSS)

• محصول - متن و تصویر کنار هم (CSS) Product - Text & Image Side By Side (CSS)

• هدر - لوگو و موقعیت یابی ناو (CSS) Header - Logo & Nav Positioning (CSS)

• سربرگ - سبک های متن Header - Text Styles

• سربرگ - سبک های ناوبری Header - Nav Styles

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

• بنر کوکی ها - CSS Cookies Banner - CSS

• انتقال CSS به فایل جداگانه (CSS) Move CSS to Separate File (CSS)

• پنهان کردن بنر کوکی ها با کلیک روی دکمه (JS) Hide Cookies Banner on Button Click (JS)

• انتقال JS به فایل جداگانه (JS) Move JS to Separate File (JS)

• افزودن برچسب اسکریپت (JS) Add Script Tag (JS)

• سربرگ - جلوه‌های شناور و انیمیشن Header - Hover Effects & Animation

• خوش آمدی! Welcome!

• پاورقی (HTML) Footer (HTML)

• هدر - رنگ پس‌زمینه (CSS) Header - Background Color (CSS)

• محصول - حاشیه، بالشتک و موقعیت یابی (CSS) Product - Border, Padding and Positioning (CSS)

• CSS پاسخگو (CSS) Responsive CSS (CSS)

• منطق خود را به توابع (JS) تقسیم کنید Break Up our Logic into Functions (JS)

• CSS چیست؟ What is CSS?

• افزودن صفحه درباره (HTML و CSS) Add About Page (HTML & CSS)

• صبر کنید تا صفحه بارگیری شود (JS) Wait til Page Loaded (JS)

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

• عناصر معنایی/ساختاری (HTML) Semantic / Structural Elements (HTML)

• ایجاد صفحه و راه اندازی در مرورگر Create Page & Launch in Browser

• نمایش بنر کوکی ها پس از 2 ثانیه (JS) Show Cookies Banner after 2 Seconds (JS)

• بنر کوکی ها - HTML Cookies Banner - HTML

• افزودن محصولات بیشتر (HTML و CSS) Add More Products (HTML & CSS)

• قرار دادن بنر در متغیر جاوا اسکریپت (JS) Put Banner into a JavaScript Variable (JS)

• VSCode را نصب و راه اندازی کنید Install & Setup VSCode

• سبک و قلم پایه (CSS) Base Styles & Font (CSS)

• سربرگ - محتوا را محدود کنید Header - Constrain the Content

• سربرگ - حاشیه و بالشتک Header - Margin & Padding

• سربرگ - اضافه کردن یک لوگو Header - Add a Logo

• مخفی کردن بنر کوکی ها با CSS Hide Cookies Banner with CSS

• یک کلاس برای نمایش بنر کوکی ها ایجاد کنید Create a Class to Show Cookies Banner

• افزودن یک Doctype (HTML) Add a Doctype (HTML)

• دکمه ها (CSS) Buttons (CSS)

• قرار دادن دکمه Close در متغیر جاوا اسکریپت (JS) Put Close Button into a JavaScript Variable (JS)

• برچسب‌ها و عناصر بدنه (HTML) Body Tags & Elements (HTML)

• پاورقی (CSS) Footer (CSS)

• پرس و جوهای رسانه توضیح داده شده (CSS) Media Queries Explained (CSS)

• سر (HTML) Head (HTML)

• محصول - سبک های متن (CSS) Product - Text Styles (CSS)

• محصول (HTML) Product (HTML)

• HTML چیست؟ What is HTML?