مشاهده سرفصل ها دوره پایه وب

بخش ۱

منظور از هاست و دامین سایت چیست
آشنایی با صفحات استاتیک (Static)
آشنایی با صفحات داینامیک (Daynamic)

بخش ۲

HTML چیست؟
کاربرد HTML
نوشتن HTML
آموزش ساختار صفحات درون HTML
آموزش تگ ها(Tag) درون HTML
آموزش عناصر در HTML
آموزش انواع نسخه های HTML
تعریف مرورگرهای وب
اعلامیه <DOCTYPE!>

بخش ۳

ویرایشگرهای HTML
معرفی نرم افزارهای معروف برای کد نویسی HTML
آموزش کدنویسی اصولی در ویرایشگرهای کد HTML

بخش ۴

صفت ها
صفت ها در HTML
صفات های عمومی در HTML بخش اول
صفت های عمومی در HTML بخش دوم

بخش ۵

آموزش عناصر در HTML
تعریف عناصر در HTML
آموزش ساختار عناصر در HTM
آموزش عناصر تهی و غیر تهی در HTML
آموزش تگ شروع و تگ پایان عناصر در HTM
عناصر inline level و block level در HTML
عناصر بلوکی در html

بخش ۶

تعریف تگ ها
نامگذاری تگ ها
ساخت سند html
تگ p در HTML
تگ br و تگ nobr در HTML
تگ hr در HTML
تگ pre در HTML
تگ h1 تا h6 در HTML
تگ b و تگ strong در HTML
تگ i و تگ em در HTML
تگ del و تگ s و تگ strike در HTML
تگ u و تگ ins در HTML
تعریف و کاربرد تگ s در HTML
تگ u و تگ ins در HTML

بخش ۷

تگ abbr و تگ acronym در HTML
تعریف و کاربرد تگ acronym در HTML
تگ sup در HTML
تگ sup در HTML
تگ font در HTML
آشنایی با متاتگ ها (Meta tags) و کاربرد آنها در صفحات وب (HTML)
تگ font در HTML
تگ blockqoute در HTML
تگ center در HTML
تگ dfn در HTML
تگ address در HTML
آموزش تگ strong

بخش ۸

آموزش تگ های عنوان (Heading) در HTML
آموزش ساختار تگ های عنوان
آموزش اهمیت تگ های عنوان در موتورهای جستجو و سئو

بخش ۹

آموزش تگ (Head) در HTML
آموزش تگ title در تگ head
آموزش تگ Link در تگ head
آموزش تگ style در تگ head
آموزش تگ meta و انواع آن در HTML
آموزش تگ Script در تگ head
آموزش Image عکس ها در HTML
آموزش تگ img در HTML
آموزش صفت src در HTML
آموزش صفت alt در HTML
آموزش صفت width و height در HTML

بخش ۱۰

کارمعرفی پاراگراف در HTML
کار با متن ها و تایپوگرافی
کار با عکس ها

بخش ۱۱

آموزش لینک ها در HTML
آموزش ساختار لینک (Link)ها در HTML
آموزش تگ a در HTML
آموزش صفت href در تگ a
آموزش صفت target در تگ a
آموزش صفت title در تگ a
تگ Anchor (a) و اهمیت آن در سئو

بخش ۱۲

آموزش لیست ها در HTML
آموزش لیست های مرتب و نامرتب در HTML
آموزش تگ ul در HTML
آموزش تگ li در تگ ul
آموزش تگ ol در HTML
آموزش تگ dt در HTML
آموزش تگ dd در تگ dt

بخش ۱۳

آموزش جداول در HTML
آموزش تگ table در HTML
آموزش صفت border در تگ table
آموزش صفت tr در تگ table
آموزش صفت td در تگ tr
آموزش صفت تگ th در تگ table
کار با فایل های چند رسانه ای

بخش ۱۴

آموزش عناصر بلوک در HTML
معرفی ساختار تگ های بلوک
معرفی ساختار تگ های درون خطی (Inline)
تگ table در HTML
تگ ul در HTML
تگ p در HTML
تگ h1 در HTML
آموزش تگ div در HTML
آموزش تگ span در HTML

بخش ۱۵

آموزش Form فرم ها در HTML
آموزش تگ from در HTML
آموزش تگ input درون تگ form
آموزش صفت نوع text درون تگ input
آموزش صفت نوع password درون تگ input
آموزش صفت نوع radio درون تگ input
آموزش صفت نوع checkbox درون تگ input
آموزش صفت نوع submit درون تگ input
آموزش صفت نوع reset درون تگ input
آموزش صفت نوع textarea درون تگ Input
آموزش تگ legend درون تگ form
آموزش تگ option در HTML

بخش ۱۶

آموزش رنگ ها در HTML
آموزش ساختار رنگ ها در HTML
آموزش رنگ های معروف طراحی سایت
آموزش نام رنگ ها در HTML
آموزش کد هگزادسیمال (Hexadecimal) رنگ ها در HTML
آموزش RGB رنگ ها در HTML
چگونه رنگ و تصویر پس زمینه سایت یا وبلاگ را تغییر دهیم؟

بخش ۱۷

کاراکترهای خاص HTML
آموزش HTML iframes
تگ dfn و کاربرد آن در html
عنصر kbd و کاربرد آن در HTML
تگ area و کاربرد آن در HTML
تگ article و کاربرد آن در HTML
تگbdo و کاربرد آن در HTML
تگ marquee
ویژگی behavior
ویژگی bgcolor
ویژگی dir
ویژگی direction
ویژگی height و width
ویژگی loop
ویژگی scrollamount
ویژگی scrolldelay
چگونه رنگ و تصویر پس زمینه سایت یا وبلاگ
موجودیت هایHTML :
آموزش ایجاد نقل قول در html
فارسی نویسی در صفحات وب
ایجاد لینک برای ارسال ایمیل در صفحات وب
قراردادن فیوآیکن (favicon) در صفحات وب
صفات رویدادهای پنجره ای Window Event Attributes
صفات رویداد های فرمی Form Events
رویداد های کیبورد Keyboard Events
رویداد های موس Mouse Events

بخش ۱۸

تگ noscript در HTML
آشنایی با تگ object در HTML
تگ area در HTML
ساخت نقشه (map) در html
انتقال کاربران به یک صفحه وب دیگر (ریدایرکت – html redirect)
URL
فریم ها
تگ acronym در HTML
تگ applet در HTML
تگ base در HTML
تگ aside در HTML
تگ big در HTML
تگ bdi در HTML
تگ basefont در HTML
تگ center در HTML
تگ code در HTML
تگ kbd در HTML
تگ noframes در HTML
تگ menuitem در HTML
تگ main در HTML
تگ menu در HTML
تگ noscript در HTML
تگ rp در HTML
تگ rt در HTML
تگ samp در HTML
تگ progress در HTML
تگ param در HTML
تگ small در HTML
تگ var در HTML
تگ textarea در HTML
تگ wbr در HTML
تگ tt در HTML
تگ track در HTML
تگ bdi و کاربرد آن در html
تگ figure و کاربرد آن در html

بخش ۱۹

چگونه در وبلاگ و سایت، لینک دانلود قرار
رمزی کردن HTML
تگ dialog و کاربرد آن در html

بخش ۱

شروع کار HTML5
چرا HTML5 مهم است؟
تاثیر تغییرات HTML5 بر سئو
آموزش DocType
آموزش مسائل سربرگ HTML
آموزش صدا در HTML 5
آموزش Video در HTML 5

بخش ۲

آموزش Canvas
آموزش Canvas Rectangle در HTML
آموزش Canvas Shadow در HTML
آموزش Canvas Path در HTML
آموزش Canvas image در HTML
آموزش Canvas Text در HTML

بخش ۳

آموزش اتریبیوت
آموزش Web form 2.0
آموزش اتریبیوت Input Attr : Placeholder
آموزش اتریبیوت Input Attr : Autofocus
آموزش اتریبیوت Input Attr : Required field
آموزش اتریبیوت Input Attr : DataList

بخش ۴

Input Type در HTML5
آموزش Input Type : Search
آموزش Input Type : Email,URL,Phone
آموزش Input Type : Range
آموزش Input Type : Number
آموزش Input Type : Date
آموزش Input Type : Color
عنصرkeygen
عنصرoutput HTML5

بخش ۵

آموزش Semantic
آموزش وب معنایی
آموزش Semantic mark
آموزش Semantic time
آموزش Semantic meter
آموزش Semantic progress
آموزش Semantic section
آموزش Semantic header
آموزش Semantic footer
آموزش Semantic nav
آموزش Semantic article
آموزش Semantic aside

بخش ۶

HTML5 SVG درون خطی
ویژگی های جدید عناصر برای input
جابه جا یی عناصر
ذخیره سازی اطلاعات کاربر

بخش ۱

آشنایی با CSS
انتخاب گر المان (the element selector)
آموزش ساختار id در CSS
آموزش ساختار class در CSS

بخش ۲

آموزش پیاده سازی CSS درون HTML
آموزش استایل نویسی درون خطی(Inline) در HTML
آموزش استایل نویسی داخلی (Internal) در HTML
آموزش استایل نویسی خارجی (External) در HTML
آموزش استایل نویسی چندگانه در CSS
آموزش استایل نویسی آبشاری در CSS

بخش ۳

آموزش پس زمینه CSS
خواص فونت در CSS
آموزش متن CSS
آموزش فونت در CSS
آموزش لینک های CSS
آموزش لیست های CSS
آموزش جدول های CSS
آموزش دور قاب CSS
آموزش CSS Border
آموزش outlineهای CSS
آموزش Margin در CSS

بخش ۴

آموزش نمایش و قابلیت دیده شدن در CSS
آموزش تعیین موقعیت در CSS و عنصرهای روی هم افتاده
آموزش CSS Float
آموزش شبه عناصر یا CSS Pseudo-classes
آموزش Pseudo-elements در CSS
آموزش نوار پیمایش در CSS
آموزش گالری عکس در CSS
آموزش کدر بودن و شفافیت تصویر در CSS
آموزش Spriteهای تصویر در CSS
آموزش Media Types در CSS
آموزش سلکتورهای اتریبیوت در CSS
آموزش سلکتور های Grouping و Nesting در CSS
آموزش تراز کردن افقی در CSS

بخش ۵

ساخت منوی کشویی با تگ ul li و css
ساخت منوی آبشاری (عمودی) با تگ ul li و css

بخش ۶

آموزش CSS3
آموزش css3 Border Radius
آموزش BackGround در CSS3
آموزش رنگها در CSS3
آموزش گرادینت در css

بخش ۷

آموزش Shadow (سایه) در css
آموزش text متن در css3
آموزش فونت قلم Font در css
آموزش تبدیل دوبعدی / transformation2d
تبدیل سه بعدی (خاصیت transform 3D) در CSS3
خاصیت Transition در CSS3
آموزش animation در CSS

بخش ۱

معرفی زبان برنامه نویسی تحت وب JavaScript
مزایای استفاده از جاوا اسکریپت
محدودیت در کار با جاوا اسکریپت
ابزارهای کار با جاوا اسکریپت
ساختار دستوری جاوا اسکریپت
تگ Java Script دو خاصیت مهم زیر را می تواند داشته باشد.
قرار دادن توضیحات کدنویسی (comment) در جاوا اسکریپت
فعال سازی جاوا اسکریپت در مرورگرها
محل قرارگیری دستورات جاوا اسکریپت
توابع و رخدادهای JavaScript]
قراردادن اسکریپت ها در فایل های خارجی
مزایای استفاده از خاصیت قراردهی کدهای جاوا اسکریپت در فایل های خارجی
آموزش دستورات جاوا اسکریپت statements
طول خط کد و شکستن آن (line length، line break)
مجموعه / گروهی از دستورات (code block)
انواع داده ای در جاوا اسکریپت
رشته ها در جاوا اسکریپت (متغیر رشته ای)
اعداد در جاوا اسکریپت (متغیرهای عددی)
نوع داده ی بولی (متغیر بولی) در جاوا اسکریپت / Boolean
آرایه ها (arrays) در جاوا اسکریپت
اشیا (objects) در جاوا اسکریپت
عملگر typeof
Undefined(تعریف نشده)

نحوه تعریف متغیرها در زبان جاوا اسکریپت

قواعد نام گذاری متغیرها در جاوا اسکریپت
خروجی جاوا اسکریپت
استفاده از تابع ()window.alert
استفاده از متد document.write
استفاده از خاصیت innerHTML
استفاده از متد ()console.log
دستور Syntax جاوا اسکریپت
کلیدواژه های جاوا اسکریپت (JavaScript Keywords)
توضیحات در جاوا اسکریپت (JavaScript Comments)
توضیحات چند خطی (multi-line comments)
جاوا اسکریپت، حساس به کوچک و بزرگی حروف (Case sensitive)
مجموعه کاراکترهای جاوا اسکریپت (JavaScript Character set)
عملگرهای محاسباتی جاوا اسکریپت
اولویت عملگرها
عملگر های جایگزین جاوا اسکریپت / assignment operators

بخش ۲

اشیا، متدها، خصوصیات javascript
متدهای یک شی (object methods)
استفاده از عبارت برای تعریف تابع
تابع توکار() function – یک سازنده (constructor)
Function hoisting_قرار دادن تعریف تابع در بالای scope
توابع خود فراخوان (Self-Invoking Functions)
استفاده از توابع به عنوان مقدار
توابع نوعی شی
پارامترهای تابع (function parameters)
ارسال آرگومان ها با مقدار
ارسال اشیا با ارجاع (object by reference)
فراخوانی تابع (function invocation)
کلیدواژ ه ی this
فراخوانی یک تابع جاوا اسکریپت
شی سراسری (Global object)
فراخوانی تابع (به عنوان متد)
فراخوانی تابع با function constructor
فراخوانی تابع با متد function
Counter (شمارنده)
توابع تودرتو جاوا اسکریپت (nested functions)
Closure ها در جاوا اسکریپت
تعریف یا ایجاد شی در جاوا اسکریپت
آموزش رخدادادها event در جاوا اسکریپت
جاوا اسکریپت چه نقشی را ایفا می کند؟
رشته ها (string) در جاوا اسکریپت
طول رشته (string length)
کاراکترهای ویژه ی (Special Characters) جاوا اسکریپت
خصوصیت ها و متدهای رشته

متد های رشته ای / String methods در جاوا اسکریپت

استخراج (بدست آوردن) بخش هایی از یک رشته
متد() slice
متد() substring
متد() substr
جایگزینی در محتوای یک رشته
تبدیل و نمایش نوشته یا متن رشته با حروف کوچک و بزرگ
()toUpperCase
()toLowerCase
متد() concat
استخراج (بدست آوردن) و نمایش کاراکترهای یک رشته
متد() charCodeAt
تبدیل رشته به یک آرایه
اعداد در جاوا اسکریپت
دقت اعشار (precision)
اعداد شانزده شانزدهی (hexadecimal)
Infinity (مقدار بی نهایت)
NaN- عبارت رزرو شده ی Not a Number
خواص (properties) و متدهای مربوط به اعداد در جاوا اسکریپت
متد های مربوط به اعداد در جاوا اسکریپت / JavaScript number methods
متد() toExponential
متد() toPrecision

بخش ۳

تبدیل متغیر به عدد
متد Number
متد parseInt
متد parseFloat
متد valueOf
شی math در جاوا اسکریپت
توابع Math.min و Math.max
تابع Math.random
تابع() Math.ceil
Math.floor
ثابت های ریاضی
شی date در جاوا اسکریپت
متدهای شی date
قالب های مختلف تنظیم تاریخ در جاوا اسکریپت / JavaScript Date Format
متد getTime
تابع getFullYear
تابع getDay

متدهای تنظیم (set) تاریخ

تابع setFullYear
متد setDate
ورودی date – تجزیه parse date
مقایسه ی تاریخ ها با یکدیگر
آموزش آرایه ها در javascript
آرایه چیست ؟
دسترسی به المان های آرایه
امکان داشتن چندین شی مختلف در یک آرایه
افزودن المان جدید به یک آرایه
ایجاد یک حلقه در آرایه (تکرار المان های یک آرایه به تعداد دفعات معین)
آرایه ی شرکت پذیر چیست (associative arrays)
استفاده از توابعpopو push
تابع shift
تابع splice
مرتب سازی آرایه به ترتیب حروف الفبا
وارونه کردن ترتیب عناصر آرایه
‎تابع مقایسه ای (compare function)
توابع متصل سازی آرایه ها
آموزش عملگرهای مقایسه و منطقی در جاوا اسکریپت / Comparison logical operators
دستورات if .. else زبان جاوا اسکریپت
دستورات شرطی (conditional statements)
دستور شرطی else if
آموزش دستور switch
کلید واژه ی break
کلید واژه ی default

بخش ۴

آموزش حلقه ی for در جاوا اسکریپت
حلقه ی For/In
آموزش حلقه ی While
حلقه ی Do/While
دستورات Break و Continue
استفاده از شی RegExp
متد test
تابع exec
مدیریت خطاها در جاوا اسکریپت
Try catch
throw error (پرتاب خطا)
دستور Finally
اشکال زدایی / Debugging
‎تنظیم نقطه ی انفصال (breakpoint)
“use strict” Directive
ابزار اشکال زدایی مرور گرهای مطرح
آموزش نحوه ی بهینه سازی کارایی و سرعت اجرای کد در جاوا اسکریپت

بخش ۵

آموزش BOM در جاوا اسکریپت
توابع شی location
شی Navigator
خاصیت cookieEnabled
توابع مرورگر
زمان بندی و برنامه ریزی رخدادها در زبان جاوا اسکریپت
تابع setInterval
تابع setTimeout
اعتبار سنجی فرم های جاوا اسکریپت
اعتبار سنجی فرم های HTML
اعتبار سنجی داده ها
اعتبار سنجی محدودیت انتخاب گرهای CSS Pseudo
توابع DOM اعتبار سنجی محدودیت
JSON
ویژگی های JSON
JSON از ساختارهای داده ای زیر پشتیبانی می کند:
نوع داده ای number
JSON – روش های مختلف ایجاد شی در JSON
Schema (ساختار داده ای فرمت JSON)

بخش ۱

مقدمات آموزش JQuery
JQuery چیست ؟ ( جی کوئری چیست ؟)
کاربرد های jquery
ویژگی‌های کلیدی jQuery
چرا jQuery بهتر از سایر ابزارها است؟
نصب و راه اندازی JQuery
قواعد دستوری جی کوئری ( Jquery )
انتخاب گر ها در جی کوئری (Jquery Selectors)
انتخاب first-child یا فرزند اول
رویداد ها در جی کوئری (Jquery Events)
انواع رویدادها در جی کوئری
رویداد ready در jQuery
رویداد click در jQuery
رویداد dblclick در jQuery
رویداد mouseenter در jQuery
رویداد mousedown در jQuery
رویداد mouseleave در jQuery
رویداد mouseup در jQuery
رویداد hover در jQuery
رویداد focus در jQuery
رویداد blur در jQuery
رویداد change در jQuery
رویداد submit در jQuery
رویداد toggle در jQuery
رویداد unload در jQuery
رویدادselect در jQuery
رویداد resize در jQuery
رویداد scroll در jQuery
رویداد focusin در jQuery

بخش ۲

افکت ها در جی کوئری (JQuery Effects)
تابع Callback در jquery
دستورات پشت سر هم (زنجیره ای) در جی کوئری
افکت fadeOut در jQuery
افکت fadeTo در jQuery
افکت hide در jQuery
افکت show در jQuery
افکت slideDown در jQuery
افکت slideUp در jQuery
افکت animate در jQuery
افکت delay در jQuery
افکت slideToggle در jQuery
افکت stop در jQuery
افکت fadeIn در jQuery

بخش ۳

HTML و CSS در جی کوئری
متد addclass
متد after در jQuery
متد append در jQuery
متد appendTo در jQuery
متد attr در jQuery
متد before در jQuery
متد clone در jQuery
متد css در jQuery
متد detach در jQuery
متد empty در jQuery
متد hasClass در jQuery
متد height در jQuery

بخش ۴

متد replaceAll در jQuery متد در jQuery
متد innerHeight در jQuery
متد replaceAll در jQuery
متد replaceWith در jQuery
متد innerWidth در jQuery
متد insertAfter در jQuery
متد insertBefore در jQuery
متد offset در jQuery
متد offsetParent در jQuery
متد outerHeight در jQuery
متد position در jQuery
متد prepend در jQuery
متد prependTo در jQuery
متد prop در jQuery
متد remove در jQuery
متد removeAttr در jQuery
متد removeClass در jQuery
متد text در jQuery
متد toggleclass در jQuery
متد unwrap در jQuery
متد val در jQuery
متد width در jQuery
متد wrap در jQuery
متد wrapAll در jQuery
متد wrapInner در jQuery

بخش ۵

ایجکس و جی کوئری (jQuery AJAX)
Ajax در Jquery چگونه است ؟
متد Get و Post ای جکس در جی کوئری
متد ajax
متد ajaxComplete
متد ajaxError
متد ajaxSend
متد $.ajaxSetup
متد ajaxStart
متد ajaxStop
متد ajaxSuccess
متد $.get
متد $.getJSON
متد $.getScript
متد load
متد $.post

بخش ۶

متد های مختلف جی کوئری
متد data در jQuery
متد each در jQuery
متد index در jQuery
متد $.noConflict جلوگیری از تداخل کدها در jQuery
متد removeData در jQuery
متد size در jQuery

پروژه طراحی سایت فروشگاه پستی کالا دیجیتال

از تکنولوژی های یاد گرفته استفاده می شود.
این پروژه از صفر تا صد یک سایت کالا به کار گرفته شده است
که تمام مراحل قدم به قدم اجرا می شود .

مراحل ساخت به شرح ذیل است :

• ایجاد صحفه اصلی
• ایجاد هدر سایت
• ایجاد اسلاید سایت
• ایجاد منو کشویی سایت
• ایجاد دسته بندی سایت
• ایجاد بخش بهترین فروش
• ایجاد بخش محبوب ترین ها
• ایجاد بخش تخفیف خورده ها
• ایجاد اطلاع از آخرین اخبار
• بخش درباره فروشگاه
• ایجاد سبد خرید و جزیبات خرید
• فوتر سایت
• ایجاد صحفه جستجو ی محصولات کالا
• ایجاد صحفه ثبت نام
• ایجاد صحفه ورود