توضیحات دوره
با شرکت در دوره Web Design III (JavaScript jQuery Ajax) از مجتمع فنی نمایندگی زعفرانیه قادر به ساخت برنامههای کاربردی، وب تعاملی و طراحی وب به شکلی کارآمد و با کارایی بالا خواهید بود.
چه با تجربه کم یا بدون تجربه در حوزه برنامه نویسی و طراحی وب باشید یا به دنبال تقویت و گسترش دانش خود در مورد جاوا اسکریپت، jQuery Ajaxa باشید، این دوره آموزشی برای تقویت مهارتهای مورد نیاز برای تبدیل شدن به یک توسعه دهنده وب با اعتماد به نفس، خلاق و توانا طراحی شده است.
دوره جامع طراحی سایت پیشرفته (JavaScript jQuery Ajax)
این دوره شامل مقدمه ای بر جاوا اسکریپت است. شما با یادگیری نحو و ساختارهای اساسی جاوا اسکریپت، زبان برنامه نویسی که وب را قدرتمند میکند، شروع میکنید. در حوزه جی کوئری شما با قابلیتهای جی کوئری آشنا خواهید شد و یاد میگیرید که اسکریپتهای خود را بدون مشکل ساده سازی و گسترش دهید. در بخش Ajax شما میتوانید نمایش و مدیریت دادهها را بدون بارگیری مجدد صفحه وب خود بیاموزید و تجربهای روان و سریع برای کاربر فراهم کنید.
زبان JavaScript قلب تپندهی دنیای وب مدرن است؛ زبانی که به صفحات بیجان زندگی میدهد و تعامل واقعی را میان کاربر و سایت ممکن میسازد. شرکت در دوره JavaScript (Web Design III) در مجتمع فنی تهران زعفرانیه فرصتی است برای تجربهی مسیری متفاوت در یادگیری. در این مسیر، مفاهیم به شکلی کاربردی و الهامبخش ارائه میشوند تا شما نه فقط زبان را یاد بگیرید، بلکه آن را درک کنید و به کار ببندید.
در طراحی وب امروزی، دانستن HTML و CSS نقطه شروع است، اما JavaScript است که پروژه را از یک صفحه ایستا به یک محصول تعاملی تبدیل میکند. این زبان شما را قادر میسازد تا رفتار صفحات وب را کنترل کنید، به رویدادها پاسخ دهید، انیمیشن بسازید و تجربهای روان برای کاربر خلق نمایید. یادگیری این مهارت، یکی از اصلیترین گامها برای ورود به مسیر حرفهای طراحی وب محسوب میشود.
کلاسهای این دوره به شکلی برگزار میشوند که یادگیری فراتر از شنیدن و تماشا کردن باشد. هنرجویان از همان ابتدا با مثالهای زنده، تمرینهای عملی و پروژههای واقعی درگیر میشوند. این شیوه باعث میشود مفاهیم در ذهن ثبت شده و تبدیل به مهارت قابل استفاده شوند. فضای آموزشی مجتمع فنی تهران زعفرانیه با ساختار منظم و محیطی الهامبخش، بستری فراهم میکند تا این فرآیند یادگیری به تجربهای ماندگار تبدیل شود.
در طول دوره، شما یاد میگیرید چگونه با JavaScript رفتار عناصر صفحه را کنترل کنید، اطلاعات را دریافت و پردازش نمایید و به وبسایت خود روح و تعامل ببخشید. این مهارت نه فقط برای طراحان وب بلکه برای هر کسی که میخواهد در فضای فناوری رشد کند، ضروری است.
محیط آموزشی این دوره بر پایهی تعامل شکل گرفته است؛ یعنی شما فقط شنونده نیستید. گفتگو با مدرس، کار گروهی با سایر هنرجویان و تجربهی مستقیم، بخش اصلی مسیر یادگیری است. این رویکرد باعث میشود JavaScript از یک زبان پیچیده به ابزاری ساده و لذتبخش تبدیل شود که میتوانید با آن ایدههای خود را زنده کنید.
دوره JavaScript در مجتمع فنی تهران زعفرانیه برای کسانی طراحی شده که میخواهند یک قدم جدی در مسیر طراحی وب بردارند. اینجا جاییست که دانش تئوری و تجربه عملی در هم تنیده میشوند و یادگیری شکلی واقعی پیدا میکند.
سر فصلها
آموزش Javascript
• معرفی زبان JavaScript
• معرفی کاربرد های زبان JavaScript
• معرفی فریمورک ها و کتابخانه های این زبان
• بررسی تفاوت های زبان های مفسری و کامپایلری
• معرفی تگ script
• بررسی قرار دادن تگ script در جای های مختلف
• معرفی اتریبیوت های defer و async و تفاوت آن ها
• نحوه نوشتن JavaScript به صورت external
• چاپ کردن دیتا با java script
• Document.write
• Document.writeln
• Alert
• Console.log
• نحوه کامنت گذاری
• معرفی متغیر ها
• بررسی نحوه نام گذاری متغیر ها
• بررسی روش های نام گذاری متغیر ها
• نحوه کار با متغیر ها
• معرفی var و let و const
• معرفی انواع داده
• معرفی typeof
• بررسی concat در js
• بررسی بک تیک و template string
• نحوه ورودی گرفتن از کاربر
• آموزش casting در js
• معرفی block scope ها و متغیر های global و local
• معرفی arithmetic operator ها
• معرفی assignment operator ها
• معرفی comparison operator ها
• معرفی ternary operator
• معرفی logical operator ها
• معرفی nan و تابع isNan
• معرفی شرط ها
o If
o Else
o Else if
o Switch
• معرفی توابع در js
• نحوه ورودی گرفتن توابع
• بررسی تفاوت توابع void و غیره
• بررسی توابع بازگشتی
• معرفی حلقه ها
o For
o While
o Do while
• معرفی حلقه های تو در تو
• معرفی آرایه ها
• نحوه دسترسی به عناصر آرایه و معرفی index ارایه ها
• آپدیت ارایه ها
• نحوه استفاده از length در ارایه ها
• معرفی توابع push و pop و shift و unshift
• معرفی تابع isArray
• معرفی associative array ها
• معرفی تابع toString
• معرفی تابع join
• معرفی تابع delete
• معرفی تابع Splice
• معرفی تابع concat
• معرفی تابع Slice
• معرفی تابع sortNumeric
• معرفی متد foreach
• معرفی متد map
• بررسی تافوت foreach و map
• معرفی متد filter
• معرفی متد indexOf و lastIndexOf
• معرفی object
• نحوه دسترسی به عناصر object
• آموزش event ها
o Click
o Mouse enter
o Mouseleave
o Keyup
o Keydown
• نحوه css دادن با js
• ساخت ماشسن حساب با js
• معرفی متد های string
o Substr
o Sunstring
o Slice
o Tolowercase
o toUppercase
o replace
o trim
o charAt
o indexof
o lastindexof
o include
o startwith
o endwith
• نحوه دسترسی به کارکتر های string
• معرفی متد split
• آموزش ساخت modal
• معرفی Math در js
o PI
o e
o sqrt
o round
o floor
o ceil
o trunc
o random
• ساخت captcha
• معرفی arrow function ها
• معرفی dom و bom
• دسترسی به dom با استفاده از id و tagname و classname
• استفاده از queryselector
• معرفی innerhtml و innertext
• معرفی .attribute
• معرفی setattribute
• معرفی .claaname
• معرفی .href
• معرفی .src
• معرفی regular expression
• استفاده از متد های search و replace
• معرفی modifier ها در search
• استفاده از parentnode و childrennode و firstchild و lastchild و nextsibiling و previoussibiling
• معرفی createElement و append و insertBefore و remove
• معرفی bom
o Screen.width
o Screen.height
o Screen.height
o Screen.availwidth
o Screen.availheight
o Innerwidth
o Innerheight
o Location.href
o Location.hostname
o Location.pathname
o Location.protocol
• معرفی setTimeOut و setInterval
• ساخت ساعت دیجیتال
• معرفی json
• معرفی توابع .parse و .stringfy
• بررسی تافاوت json و object
• بررسی تفاوت json و xml
• بررسی انواع داده ها در json
• ساخت فایل json
• بررسی تفاوت sync و async
• استفاده از callback در async
• استفاده از promise در async
• استفاده از await در async
• معرفی ajax و api
• بررسی تفاوت soap و Rest api
• معرفی get در api
o XmlHttpRequest
o Promise
o Fetch
o Axios
• معرفی ecmascript
• نحوه array destructing
• نحوه object destructing
• نحوه import و expprt
• استفاده از allias و * در import و export
• معرفی مفاهیم شی گرایی و کلاس ها
• ساخت کلاس در js
• معرفی متغیر ها و توابع public و private
• معرفی setter و getter
• معرفی constructor
• معرفی وراثت در شی گرایی
• معرفی کلاس های static
• معرفی jquery
• نحوه دانلود و نصب jquery
• استفاده از document.ready
• آموزش selector ها در jquery
• روبداد ها در jquery
o Click
o Dclick
o Moueenter
o Mouseleave
o Hover
o Focus
o Blur
o On
• معرفی افکت ها
o Show
o Hide
o Fadein
o Fadeout
o Fadetoggle
o Fadeto
o Slidedown
o Slideup
o Slidetoggle
• انیمیشن در jquery
• معرفی callback در jquery
• نحوه استفاده از scroll در jquery
• ساخت منو با jquery
• معرفی addclass و Removeclass و hasclass
• نمایش محتوا سایت با اسکرول
• معرفی traversing در jquery
o Parent
o Parents
o Parentuntil
o Children
o Find
o Siblings
o Next
o Nextall
o Nextuntil
o Prev
o Prevall
o Prevuntil
o First
o Last
o Eq
o Filter
o Not
• معرفی ajax در jquery
• آموزش ساخت json-server
• پروژه وبسایت کامل با استفاده از js و jquery و api
• معرفی کتابخانه react