آموزش توسعه کامل وب ریسپانسیو: 4 دوره در 1

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

تسلط بر HTML5 Mastering HTML5

• مقدمه ای بر 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

• برچسب های تصویر Image Tags

• تفاوت بین پیوندهای مطلق و پیوندهای نسبی 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

تسلط بر CSS Mastering CSS

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

• CSS چیست؟ چرا ما به آن نیاز داریم؟ What is CSS? Why we need it?

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

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

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

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

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

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

• شیوه نامه های درون خطی Inline style sheets

• استایل شیت های خارجی External style sheets

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

• مدل باکس The Box model

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

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

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

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

• پیوندهای استایل Styling links

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

• شناور و شفاف Float & Clear

• بلوک و عناصر درون خطی Block and Inline Elements

• تثبیت موقعیت Positioning

• ساخت چارچوب Building the framework

• تنظیم سبک ها Setting the styles

• افزودن عناصر Adding the elements

• اعمال در صفحات دیگر Applying to other pages

تسلط بر بوت استرپ Mastering Bootstrap

• چرا بوت استرپ؟ 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

• ایجاد یک صفحه وب کامل # قسمت 1 Creating a complete web page # Part 1

• ایجاد یک صفحه وب کامل # قسمت 2 Creating a complete web page # Part 2

• ایجاد یک صفحه وب کامل # قسمت 3 Creating a complete web page # Part 3

تسلط بر جی کوئری Mastering jQuery

• جی کوئری چیست و چرا به آن نیاز دارید؟ 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

• جلوه‌های شناور و پنهان کردن/نمایش رویدادها: قسمت 1 Hover Effects and Hide/Show Events: Part 1

• جلوه‌های شناور و پنهان کردن/نمایش رویدادها: قسمت 2 Hover Effects and Hide/Show Events: Part 2

• محو شدن Fading

• اسلاید Slide

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

• متحرک کردن Animate

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

• فیلترها Filters

• انتخابگرهای پیشرفته Advanced Selectors

• ایجاد محتوا Creating content

• ایجاد محتوا: قسمت 2 Creating content: Part 2

• درج مطالب Inserting Contents

• اصلاح مطالب Modifying Contents

• تغییر CSS Modifying CSS

• افکار نهایی Final Thoughts