آموزش دوره کامل HTML5: از ابتدا تا متخصص

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

HTML5 تعاملی: مبانی Interactive HTML5: Basics

• مقدمه ای بر HTML Introduction to HTML

• HTML4 در مقابل HTML5 HTML4 vs. HTML5

• اولین صفحه HTML خود را بسازید Making your first HTML page

• ابزارهایی برای ایجاد فایل های HTML Tools to create HTML files

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

• برچسب های پاراگراف Paragraph Tags

• شکستن برچسب ها Break Tags

• برچسب های سربرگ Header Tags

• برچسب های پررنگ و کج Bold and Italic Tags

• لیست های مرتب و نامرتب Ordered and Unordered Lists

HTML5 تعاملی: پیشرفته Interactive HTML5: Advanced

• تفاوت بین پیوندهای مطلق و پیوندهای نسبی Difference between Absolute Links and Relative Links

• پیوند دادن به یک صفحه خارجی Hyperlinking to an external page

• پیوند دادن به یک آدرس ایمیل Hyperlinking to an email address

• پیوند دادن به یک فایل در سایت شما Hyperlinking to a file in your site

• پخش و کنترل صدا Playing and controlling audio

• پخش و کنترل ویدئو Playing and controlling video

• جاسازی یک ویدیو Embedding a video

• جدول چیست - مزایا و معایب What is a Table - Pros and Cons

• خواص جدول Table properties

• اضافه کردن iFrame Adding an iFrame

• افزودن iFrame: قسمت 2 Adding an iFrame: Part 2

• آنچه که با فرمی که فقط از دانش HTML استفاده می کند ممکن است What is possible with a form using only HTML knowledge

• تعریف فرم Defining the form

• فیلدهای متنی و مناطق متنی Text fields and text areas

• دکمه های رادیویی و دکمه های بررسی Radio buttons and check buttons

• ورودی داده ها و دکمه ها Data input and buttons

• ساختار فایل مناسب Proper file structure

• نظر دادن کد Code commenting

• برچسب های متا Meta Tags

بخش پاداش: مبانی CSS3 تعاملی + پیشرفته Bonus Section: Interactive CSS3 Basics + Advanced

• درباره کلاس - آنچه شما نیاز دارید About the class - what you will need

• CSS چیست و چرا از آن استفاده خواهیم کرد What is CSS and why we will use it

• چه چیزی در CSS3 جدید است What's new in CSS3

• انتخابگرها، ویژگی ها و ویژگی های CSS CSS Selectors, properties and attributes

• انتخابگرهای شناسه ID Selectors

• انتخاب کنندگان کلاس Class Selectors

• انتخابگرهای عنصر Element Selectors

• همه انتخابگرها All Selectors

• استایل شیت های داخلی Internal Style Sheets

• برگه های سبک خارجی External Style Sheets

• سبک های درون خطی Inline Styles

• مدل جعبه The box model

• اضافه کردن رنگ Adding color

• کار با فونت Working with fonts

• تصاویر پس زمینه Background Images

• تصاویر پس زمینه: قسمت 2 Background Images: Part 2

• پیوندهای یک ظاهر طراحی شده Styling Links

• تگ های شناسه استایل Styling ID Tags

بخش پاداش: مبانی بوت استرپ تعاملی + پیشرفته Bonus Section: Interactive Bootstrap Basics + Advanced

• چرا بوت استرپ؟ Why Bootstrap?

• در حال دانلود بوت استرپ Downloading Bootstrap

• افزودن Boostrap به سایت شما Adding Boostrap to your site

• ایجاد ناوبری # قسمت 1 Creating the navigation # Part 1

• ایجاد ناوبری # قسمت 2 Creating the navigation # Part 2

• ایجاد ناوبری # قسمت 3 Creating the navigation # Part 3

• استایل کردن تصاویر Styling images

• ایجاد پاورقی Creating the footer

• اضافه کردن دکمه های مدل دار Adding styled buttons

• افزودن نقشه های گوگل Adding Google Maps

• افزودن چرخ فلک تصویر Adding an image carousel

• طراحی فرم تماس Styling a contact form

بخش پاداش: مبانی jQuery تعاملی + پیشرفته Bonus Section: Interactive jQuery Basics + Advanced

• جی کوئری چیست و چرا به آن نیاز دارید؟ What is jQuery and Why you need?

• در حال دانلود jQuery Downloading jQuery

• افزودن jQuery به سایت شما Adding jQuery to your site

• ابتدا به کد jQuery نگاه کنید First look at jQuery code

• انتخابگرها و فیلترها Selectors & Filters

• جایگزینی محتوا Replacing content

• رسیدگی به رویدادها Handling Events

• جلوه های شناور Hover Effects

• پنهان کردن/نمایش رویدادها Hide/Show Events

• محو شدن Fading

• اسلاید Slide

• تغییر وضعیت Toggle

• متحرک کردن Animate

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