توضیحات دوره
هر طراح وب روزی با یک خط کد شروع کرده است؛ خطی که مسیر او را به دنیایی پر از خلاقیت و ساختن باز کرد. JavaScript همان جایی‌ست که بسیاری از مسیرهای حرفه‌ای آغاز می‌شوند. در دوره JavaScript (Web Design III) در مجتمع فنی تهران زعفرانیه، این آغاز به تجربه‌ای پررنگ و تأثیرگذار تبدیل می‌شود.
JavaScript زبان زندگی‌بخش به صفحات وب است. وقتی یاد می‌گیرید با چند خط کد دکمه‌ای را فعال کنید، فرمی را به حرکت درآورید یا تجربه‌ای تعاملی برای کاربر بسازید، در واقع کنترل کاملی بر رفتار وبسایت به دست می‌آورید. این احساس ساختن و دیدن نتیجه، یکی از لذت‌بخش‌ترین بخش‌های مسیر یادگیری طراحی وب است.
در این دوره شما فقط یادگیرنده نیستید؛ شما خالق تجربه‌های دیجیتال خواهید بود. از ساخت پروژه‌های ساده تا تعاملات پیچیده‌تر، هر مرحله به شما کمک می‌کند اعتماد به نفس بیشتری پیدا کنید و توانایی‌های خود را بسازید.
فضای آموزشی مجتمع فنی تهران زعفرانیه طوری طراحی شده که حتی مفاهیم پیچیده هم به زبانی ساده و قابل فهم تبدیل می‌شوند. آموزش‌ها مرحله‌به‌مرحله پیش می‌رود و هنرجویان با شرکت فعال در بحث‌ها و تمرین‌ها، مسیر یادگیری را با حس اطمینان طی می‌کنند.
در پایان دوره، JavaScript دیگر فقط یک زبان برنامه‌نویسی برای شما نخواهد بود؛ بلکه به ابزاری تبدیل می‌شود که می‌توانید با آن رؤیاهای دیجیتال خود را بسازید.
دوره JavaScript (Web Design III) در مجتمع فنی تهران زعفرانیه جایی‌ست که طراحی وب از مرحله‌ی ساختار و ظاهر فراتر می‌رود و به تعامل و پویایی می‌رسد. در این دوره شما یاد می‌گیرید چگونه صفحات وب را به محصولاتی زنده و قابل واکنش تبدیل کنید؛ محصولاتی که با کاربر ارتباط برقرار می‌کنند و تجربه‌ای متفاوت ارائه می‌دهند.
در این مسیر، تمرکز اصلی روی کاربرد واقعی 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