تخفیف ویژه هیولای جاوااسکریپت به مدت محدود

روز
ساعت
دقیقه
ثانیه
مهلت استفاده از تخفیف های ویژه به پایان رسید.
Generic selectors
Exact matches only
Search in title
Search in content
رحمت ابراهیمیان قاجاری

رحمت ابراهیمیان قاجاری

مدرس دوره های وب

r-ebrahimian.ir

دانش آموخته مهندسی برق و مدرس وب هستم. حتی قبل از اینکه وارد دانشگاه بشم، به برنامه نویسی علاقه مند شدم و از اون زمان تا الان، هرگز کدنویسی رو رها نکردم. چه به عنوان مدرس، و چه به عنوان یک برنامه نویس. دغدغه اشتغال و بهبود فضای کار و زندگی برای همه دانشجویانم رو دارم. به همین خاطر معتقدم بدون آموزش پروژه محور و اصولی، اشتغال پایدار و با درآمد خوب شکل نمی گیره. علاقمند به برنامه نویسی، تکنولوژی و توسعه مهارت های نرم و الان هم بنیان گذار مجموعه دوناوب هستم و با یه تیم خوب و پرانرژی روزهام رو می گذرونم.

جاوااسکریپت هیولای جاوااسکریپت آموزش جاوااسکریپت

یک تیر و دو نشان: با ثبت نام در این کلاس، 360 امتیاز دریافت خواهید کرد. این امتیاز به صورت تخفیف در دوره های بعدی شما یا هر یک از خدمات دیگر دوناوب، لحاظ خواهد شد.

دوره هیولای جاوااسکریت

یادگیری جاوا اسکریپت دروازه ورود طراحان وب به به سطوح حرفه ای تخصص طراحی وب است. برای به‌دست آوردن بعضی موفقیت‌ها چاره‌ای نیست جز اینکه جای خود را عوض کنیم و به جمع حرفه‌ای‌ها وارد شویم. درحال حاضر یادگیری جاوا اسکریپت از اهمیت ویژه‌ای برای برنامه‌نویسان وب برخوردار است و می‌تواند رزومه شما را از بقیه متمایز کند اما در آینده‌ای نزدیک، نه یک امتیاز بلکه تنها راه چاره شما برای فعالیت در این حوزه خواهد بود. پس بهتر است به استقبال آینده برویم و با خواندن ادامه مطلب، مسیر خود را برای آموزش جاوا اسکریپت پروژه محور و حرفه‌ای شدن بشناسیم.

جاوااسکریپت چیست؟

جاوااسکریپت یکی از مهم‌ترین زبان‌های برنامه‌نویسی در حوزه‌ی وب محسوب می‌شود. جاوااسکریپت برای اولین بار با اسم LiveScript و توسط شرکت نت‌اسکیپ(Netscape) معرفی شد و بعدها به جاوااسکریپت تغییر نام داد. جالب است بدانید با این که جاوااسکریپت با جاوا نامی تقریباً مشابه دارد اما نه از نظر ساختار و نه از نظر مفاهیم، شباهتی به زبان جاوا ندارد و این تشابه اسمی، در حد همان کلمات و نام و نشان باقی مانده است.

جاوا اسکریپت دقیقا یک زبان برنامه نویسی سمت مشتری (Client) برای پویا شدن و ایجاد انعطاف بیشتر کدهای Html هست . Client یا سمت مشتری بودن جاوا اسکریپت به این معنیه که کدهای جاوااسکریپت توسط کامپوتر کاربر تفسیر و اجرا میشن و نه به وسیله ی سرورهای دیگه . کدهای جاوا اسکریپت می تونن بین کدهای Html قرار بگیرند و قابلیت های زیادی رو به یک صفحه ی اینترنتی اضافه کنن . بهتر بگم شما با کدهای Html فقط می تونید صفحاتی ایستا داشته باشید . یعنی در Html کاملا تعیین شده که فلان تگ فلان چیز رو در مرورگر نمایش میده . مثلا تگ <table> یک جدول ایجاد میکنه ، تگ <p> یک پاراگراف و … ولی با کدنویسی جاوا اسکریپت شما خیلی کارای جالب تر و جذاب تر می تونید انجام بدید . مثلا با رفتن روی یه لینک یه سری اتفاقات جالب بیفته ، تاریخ و ساعت در صفحه داشته باشید ، با استفاده از یه فرم محاسبات ریاضی انجام بدید ! و خیلی کارای دیگه . خلاصه بگم . زبان جاوا اسکریپت براحتی می تونه به خشک و بی روح بودن Html تازگی و جذابیت ببخشه .

 

چرا باید جاوااسکریپت یاد بگیرید؟

به‌طور طبیعی بعد از یادگیری HTML و CSS نوبت یادگیری جاوا اسکریپت می‌رسد. یادگیری جاوا اسکریپت چندان کار سختی نیست؛ ولی نکته مهم در رابطه با یادگیری این زبان، آن است که بر خلاف اچ‌تی‌ام‌ال یا سی‌اس‌اس که زبان‌های نشانه‌گذاری محسوب می‌شوند، جاوا اسکریپت یک زبان «برنامه نویسی» است. پس انتظار یادگیری سریع و بدون دردسر نداشته باشید و خود را برای چالش‌های جدید و درگیری‌های ذهنی بیشتر آماده کنید.

مخاطبین این دوره چه کسانی هستند؟

پیش نیازهای این دوره چیست؟

اهداف کلی دوره چیست؟

راه‌های کسب درآمد از طریق جاوااسکریپت چیست؟

درآمد یک برنامه‌نویس جاوااسکریپت چقدر است؟

حتما برایتان سوال به وجود آمده که یکی برنامه‌نویس جاوااسکریپت چه مقدار می‌تواند درآمد داشته باشد. برای پاسخ به این سوال، می‌توان گفت که معیارهای مختلفی برای میزان درآمد و بازار کار جاوااسکریپت وجود دارد اما به طور میانگین درآمد یک برنامه‌نویس با سابقه کاری کمتر از دو سال نمی‌تواند بیشتر از 5-7 میلیون درآمد داشته باشد. اما با سابقه کاری 10 سال، می‌تواند بیش از 24 میلیون از طریق فریلنسری درآمد داشته باشد.
برای اون دسته از افرادی که می‌خواهند مهاجرت کرده و میزان درآمد در کشورهای دیگر برایشان اهمیت دارد، خواندن متن زیر توصیه می شود.

درآمد برنامه‌نویسان جاوااسکریپت در آمریکا

از لحاظ میزان درآمد، جاوااسکرپیت در رده‌ی پنجم کشور ایالات متحده قرار دارد و برنامه نویسان به طور میانگین سالانه 107 هزار دلار دستمزد می‌گیرند.

درآمد برنامه‌نویسان جاوااسکریپت در کانادا

در کانادا زمینه‌های شغلی زیادی برای جاوااسکریپت وجود دارد. علاوه بر آن، حقوق برنامه‌نویسان نسبت به سایر کشورها بالاست. هر توسعه دهنده‌ی جاوااسکریپتی به طور میانگین 120 هزار دلار در سال و ساعتی 61.5 دلار درآمد دارد.

درآمد برنامه‌نویسان جاوااسکریپت در انگلیس

در انگلستان نسبت به کشورهای آمریکای شمالی، برنامه‌تویسان جاوااسکریپت درآمد کمتری دارند. هر برنامه‌نویس به طور میانگین سالانه تا 60 هزار دلار دستمزد می‌گیرد که تقریبا نصف درآمد آمریکا و کانادا است. با این حال از لحاظ درآمدی، جاوااسکریپت در انگلستان در رتبه‌ی چهارم قرار دارد.

درآمد برنامه‌نویسان جاوااسکریپت در استرالیا

جاوااسکریپت در لیست زبان‌های برنامه‌نویسی پولساز استرالیا در رده‌ی هشتم قرار دارد. برنامه‌نویسان جاوااسکریپت در استرالیا سالانه 43 هزار دلار درآمد کسب می‌کنند.

نرم افزارهای مورد نیاز

سرفصل دوره های هیولای جاوااسکریپت

• پیش نیاز های دوره
• زبان های برنامه نویسی تحت وب و دسته بندی آن ها
• زبان های سمت سرور (Server-side) در مقابل زبان های سمت کاربر (Client-side)
• تشریح فرایند ارسال و دریافت درخواست ها در دنیای وب
• تاریخچه مختصری از جاوااسکریپت و نحوه پیدایش آن
• در مورد جاوااسکریپت و ماهیت آن
• تفاوت زبان های کامپایلری با زبان های مفسری
• جی کوئری چیست؟
• معرفی JSON، XML و Ajax و کاربردهای آن ها
• دلایلی استفاده از XML و JSON و اهمیت استفاده از این دو ابزار
• مزیت ها و موارد استفاده از جاوااسکریپت
• کاربردهای مختلف جاوااسکریپت
• منابع، ابزارها و نرم افزارهای مورد نیاز
• نمایش مثال های مختلف از کاربرد جاوااسکریپت در صفحات وب

• آشنایی با ویرایشگر نوت پد++ و PHPstorm و Vscode
• آشنایی با انکودینگ فایل ها و انتخاب انکودینگ مناسب برای زبان فارسی
• تگ Script در html و استفاده از کدهای جاوااسکریپت
• دو روش بکارگیری جاوااسکریپت در صفحات وب و نکات آن
• فرمت فایل های جاوااسکریپت و نحوه لود آن ها در صفحات وب
• نکاتی در مورد محل لود فایل های جاوااسکریپت در صفحات وب
• توضیح در مورد تگ noscript
• کدنویسی استاندارد و قراردادها
• استاندارد تعیین نام ها
• استاندارد تعیین فرمت ها
• رعایت نظم و فرورفتگی (indentation) در کدنویسی
• استفاده از سمی کالن ; در پایان دستورات
• کامنت ها در زبان جاوااسکریپت

• توضیح در مورد متغیرها و داده های ورودی و خروجی
• معرفی انواع داده های موجود در زبان جاوااسکریپت
• نوع داده ای عددی
• نوع داده ای رشته
• نوع داده ای بولین
• نوع داده ای آرایه
• نوع داده ای اشیاء
• توضیح در مورد روند توسعه زبان های برنامه نویسی
• توضیح در مورد اشیاء و برنامه نویسی شی گرا
• ذکر مثال هایی از اشیاء، متدها و ویژگی های پیش ساخته در زبان جاوااسکریپت
• معرفی متغیر ها و وظیفه آنها در برنامه نویسی
• نحوه تعریف متغیر و مقدار دهی به آن
• نحوه تعین نوع متغیر در جاوااسکریپت به صورت خودکار
• ذکر مثال هایی از انواع مختلف متغیر ها و چاپ مقادیر آن ها
• معرفی دستور typeof برای تشخیص نوع متغیر
• معرفی مقادیر undefined و null و NaN در جاوااسکریپت و مفهوم آن ها
• نحوه تعریف چند متغیر با یک دستور) var در یک خط(
• نحوه برخورد جاوااسکریپت با تعریف دوباره متغیر ها ؟؟؟
• نحوه خواندن اطالعات اعضای ارایه ها و اشیاء در جاوااسکریپت
تمرین : تشخیص مقادیر چند عبارت!

• توضیحاتی در مورد کیورد var از جلسه گذشته
• scopeو ناحیه تعریف متغیر ها در زبان جاوااسکریپت
• scopeمحلی و سراسری در جاوااسکریپت و تفاوت آن ها
• عملگرهای محاسباتی و ریاضی در جاوااسکریپت
• عملگرهای انتساب در جاوااسکریپت
• عملگرهای مربوط به رشته ها در جاوااسکریپت
• عملگر های مقایسه ای در جاوااسکریپت و اهمیت آن ها
• عملگر شرطی سه گانه(?:)
• عملگرهای منطقی (not,or,and )و اهمیت و کاربرد فراوان انها در جاوااسکریپت
• تشریح عملگرهای منطقی و توضیح جدول محاسبان آن ها
• عملگرهای منطقی بیتی در جاوااسکریپت
• توضیح در مورد محاسبات بیتی و نحوه کار کامپیوتر با اعداد 0 و 1
• عملگرهای of type و delete و in در جاوا اسکریپت و کاربردشان
• اولویت عملگرها در زبان جاوااسکریپت
• ایجاد اولویت دلخواه با استفاده از پرانتزها

• اهمیت بحث ورودی/خروجی در زبان های برنامه نویسی
• معرفی توابع دریافت ورودی از کاربر در زبان جاوااسکریپت
• معرفی توابع prompt, confirm و ویژگی innerHtml وvalue
• معرفی توابع نمایش خروجی در زبان جاوااسکریپت و نحوه استفاده از آنها
• معرفی توابع console.log، document.write، alert و ویژگی innerHTML و Value
• معرفی ساختارهای شرطی در زبان جاوااسکریپت
• دلایل و اهداف استفاده از ساختار های شرطی در زبان های برنامه نویسی
• ساختار شرطی if و نحوه استفاده از آن
• ساختار شرطی else..if و نحوه استفاده از آن
• ساختار شرطی if else..if و نحوه استفاده از آن
• ساختار شرطی : ? و نحوه استفاده از آن
• ساختار شرطی switch و نحوه استفاده از آن
• ذکر مثال هایی برای استفاده از ساختار های شرطی

• آشنایی به آرایه ها، ایندکس ها و مقادیر آنان
• آشنایی به نحوه استفاده، تغیر و اضافه و حذف کردن عناصر آرایه
• آرایه های دو بعدی و سه بعدی
• آشنایی با اشیاء، ویژگی ها و متدها
• نحوه استفاده از متد ها و ویژگی های اشیاء در جاوااسکریپت
• ساختار های کنترلی و حلقه های مختلف در جاوااسکریپت
• حلقه while و نحوه استفاده از آن
• توضیح در مورد ساختار حلقه و لزوم برقراری شرط پایان حلقه
• حلقه do…while و نحوه استفاده از آن
• تفاوت حلقه های while و do…while
• حلقه for و نحوه استفاده از آن
• نحوه تبدیل کدهای حلقه while به معادل for آن
• حلقه For…in و پیمایش آرایه ها و اشیاء با آن
• آشنایی با دستور break و وظیفه آن
• آشنایی با دستور continue و کاربرد آن
• کدنویسی و ذکر مثال هایی از حلقه های مختلف
• مینی پروژه : چاپ اعضای آرایه ی دو بعدی با ظاهری مناسب

• بحث در مورد عدم امکان تعریف دو تابع و نام های یکسان
• متد های شی window و عدم نیاز به نام بردن خود شئ window برای استفاده از آن ها
• رفع مشکل تابع print استفاده شده در جلسات گذشته
• آشنایی با قابلیت refactor و تغیر نام سراسری متغیر ها و توابع در کل پروژه درونphpStorm
• بیان نحوه برنامه نویسی بدون توابع و مشکالت عمده آن با ذکر مثال
• مزیت های عمده استفاده از توابع در برنامه نویسی و ایجاد نظم و تقسیم بندی وظایف در کدها
• نحوه تعریف تابع به صورتDeclarations Function
• ذکر نکات مهم در مورد توابع و قابلیت رفتار با آنها به صورت متغیر
• Hoisting Functionدر جاوااسکریت و به بالا آوردن خودکار تعریف توابع
• نحوه تعریف تابع به شکلExpressions Function
• توابع ناشناس functions anonymous در جاوااسکریپت
• توابع خود صدا زننده Functions Invoking-Self
• صحبت در مورد پارامترهای توابع
• نحوه انتساب مقدار پیشفرض برای پارامترها
• نحوه دریافت تعداد مختفی از پارامترها در یک تابع و مدیریت و استفاده از پارامترها
• توابع بازگشتی و نحوه کار آن ها
• ذکر مثالی از پیاده سازی یک تابع به شکل بازگشتی
• تمرین : ایجاد تغیر در تابع print پیشفرض جاوااسکریپت و کسب اجازه از کاربر برای چاپ صفحه
• تمرین : تغیر تابع nicePrint برای چاپ همه نوع داده با قابلیت دریافت تعداد مختلفی از پارامترها
• تمرین : نوشتن تابع به توان رساندن با استفاده از روش بازگشتی
• تمرین : تفاوت بین reference by call و value by call در پاس دادن پارامترهای تابع ؟
• پاسخ تمرین ها

• توضیح در مورد ساختار ها حلقه ای forEach() و for…of و دلیل عدم بیان آن ها در این دوره
• روش صحیح استفاده از حلقه for…in برای پیمایش اشیاء
• توضیح در مورد مشکلات برنامه نویسی به صورت تابعی و عدم استفاده از اشیاء
• مزیت های برنامه نویسی شی گرا
• تعریف مسئله و ایجاد یک کلاس جدید و استفاده از آن کلاس car
• معرفی اشیاء و نحوه استفاده از آن ها در جاوااسکریپت
• سه روش مختلف ایجاد اشیاء در جاوااسکریپت
• مدل شی گرایی جاوااسکریپت prototype – classless و تفاوت آن با مدل های دیگر
• constructor ها در جاوااسکریپت و مفهوم آن
• کیورد this و کاربرد آن
• نحوه تعریف کلاس (شی) جدید در جاوااسکریپت
• نحوه صحیح تعریف ویژگی های یک شئ درون آن
• نحوه تعریف و افزودن متدها برای یک شئ
• نحوه حذف و اضافه کردن متد و ویژگی به اشیاء
• نحوه پاس دادن پارامتر ها به کانستراکتور شئ
• ویژگی prototype و دسترسی به تعریف اصلی (اولیه) اشیاء در جاوااسکریپت
• ذکر مثال هایی از اشیاء پیش ساخته در جاوااسکریپت و متدها و ویژگی ها آنان
• مینی پروژه : تغیر پس زمینه صفحه وب به صورت رندم با کلیک رو بر روی یک دکمه
• مینی پروژه : تولید کننده دکمه!!! ایجاد دکمه ای برای تولید دکمه های رنگارنگ و افزودن آنها به صفحه وب

• امکانات و توابع پیش ساخته جاوااسکریپت و کمک به کدنویسی راحتتر شما
• مجموعه توابع سراسری
• مقادیر undefinedوNan ، infinity
• کدگزاری و رفع کدگزاری آدرس های اینترنت (URI)
• اجرای رشته های حاوی کدهای زبان جاوااسکریپت با تابعeval
• توایع تبدیل رشته به عدد صحیح و اعشاری
• تشخیص عددی بودن یا نبودن یک متغیر
• و دیگر توابع سراسری…
• کلاس Math و توابع محاسباتی و ریاضی
• دریافت مقادیر دقیق عدد PI و E و ثبات های معروف دیگر در ریاضیات
• تابع محاسبه قدر مطلق
• تابع رند کردن اعداد
• تابع به توان رساندن
• توابع سینوسی و کسینوسی و…
• و دیگر توابع ریاضی…
• کلاس Boolean و توابع بولی
• تبدیل مقادیر بولین به رشته
• دریافت مقدار یک متغیر بولین
• کلاس Number و توابع کار با اعداد در جاوااسکریپت
• ویژگی های MAX_VALUE و MIN_VALUE و … در کلاس اعداد
• نمایش اعداد به شکل نمایی
• نمایش اعداد با دقت خاص
• نمایش اعداد با تعداد ارقام ثابت
• تبدیل اعداد به رشته
• دریافت مقادیر متغیر های عددی
• کلاس Date و کار با تاریخ و زمان در جاوااسکریپت
• نحوه ایجاد یک شئ تاریخ در جاوااسکریپت و کار با آن
• دریافت بخش های مختلف از تاریخ و زمان سیستم کاربر )سال، ماه، روز، هفته، ساعت، دقیقه و(…
• تغیر بخش های مختلف از شئ تاریخ و زمان )سال، ماه، روز، هفته، ساعت، دقیقه و(…
• و دیگر توابع کار با شئ Date
• کلاس String و کار با رشته ها در جاوااسکریپت
• دریافت تعداد حروف یک متن یا رشته
• دریافت یک حرف خاص از درون رشته
• دریافت کد یک حرف خاص از درون رشته
• چسباندن دو رشته به هم
• تبدیل کد یک حرف به خوب حرف
• پیدا کردن ایندکس یک زیر رشته درون رشته ی بزرگتر
• جایگزین کردن یک بخش از رشته با رشته ای دیگر
• جستجو در رشته ها
• دریافت یک زیر رشته از رشته بزرگتر
• جداسازی تکه از از یک رشته
• تبدیل رشته به آرایه با یک جداکننده
• تبدیل تمامی حروف رشته به حروف کوچک
• تبدیل تمامی حروف رشته به حروف بزرگ
• حذف فاصله های اضافی در اطراف رشته ها
• و دیگر توابع کار با رشته ها…
• کلاس Array و کار با آرایه ها در جاوااسکریپت
• دریافت سایز آرایه (تعداد اعضای آن(
• ادغام دو آرایه با هم
• یافتن ایندکس یک عضو از آرایه
• چسباندن اعضای آرایه به هم و تبدیل آرایه به یک رشته
• برداشتن و قرار دادن یک عضو در اول آرایه
• برداشتن و قرار دادن یک عضو در آخر آرایه
• برعکس کردن آرایه
• مرتب سازی ارایه ها
• جداسازی یک تکه از آرایه ها
• و دیگر توایع کار با آرایه ها…
• تبدیل انواع داده ای در جاوااسکریپت
• توضیح جدول تبدیل داده ها و ضرورت مطالعه آن
• نحوه تبدیل انواع داده ها به رشته
• نحوه تبدیل انواع داده ها به عدد
• نحوه تبدیل انواع داده ها به بولین
• نحوه تبدیل آرایه به رشته
• نحوه تبدیل رشته به آرایه

• معرفی رویدادها در جاوااسکریپت و اهمیت آن ها
• ذکر مثال هایی از event های رایج در صفحات وب
• روش های توزیع رویدادها( (Propagation Event در جاوااسکریپ و مفهوم آن ها
• لیست event های موجود و توضیح مهمترین آن ها
• دو روش استفاده از رویداد ها و اتصال کدهای جاوااسکریپت به event ها
• روش استفاده درون تگ های html و ویژگی رویدادی آن تگ
• روش استفاده از متد addEventListener اتصال رویداد به توابع به شکل برنامه نویسی
• متد addEventListener برای افزودن یک رویداد و اتصال یک تابع به آن
• مشکل و ناسازگاری IE9 به پایین به متد addEventListener وremoveEventListener
• متد attachEvent برای استفاده در مرورگر اینترنت اکسپلور ورژن 9 به پایین
• متد removeEventListener برای حذف یک event از قبل وصل شده
• متد detachEvent برای استفاده در مرورگر اینترنت اکسپلور ورژن 9 به پایین
• توانایی تعریف چندین eventListener برای یک شی
• استفاده از توابع ناشناخته( (functions anonymouse در eventListener ها
• نحوه اتصال یک event به توابعی که پارامتر ورودی دارند
• مینی پروژه : نمایش ابعاد پنجره مرورگر در حین تغیر سایز آن توسط کاربر
• مینی پروژه : نمایش موقعیت اسکرول صفحه وب در حین اسکرول کردن توسط کاربر
• مینی پروژه : طراحی و کدنویسی یک بازی جذاب، گرفتن مگس توسط عنکبوت با استفاده از دکمه های جهت کیبرد
• نحوه تمرین کردن برای تسلط در کار با رویدادها

• تقسیم بندی ویژگی های شئ window به سه دسته کلی
• معرفی و تشریح مفهوم مدلBOM
• معرفی و تشریح مدل DOM و مفهوم آن
• معرفی اشیاء مربوط به مدلBOM
• معرفی شئ frames و نحوه کار با آن
• معرفی شئ screen و نحوه کار با آن
• معرفی شئ location و نحوه کار با آن
• معرفی شئ history و نحوه کار با آن
• معرفی شئ navigator و نحوه کار با آن

• مرور مجدد خصوصیت های برجسته شئwindow
• معرفی اصالحات مهم درDOM
• تعریف مفاهیم parent,child,adjacent,root,sibling و …
• تشریح ساختار درختی تگ های موجود در صفحات وب
• معرفی شئ Element و نحوه کار با تگ های مختلف موجود در صحات وب
• معرفی متدهای مهم برای دریافت شئ جاوااسکریپت متناظر با تگ های موجود در صفحه وب
• نحوه کار با مجموعه ای از تگ ها که توسط متدهای دریافت کننده اشیاء به دست می آیند
• توضیح در مورد ویژگی های مربوط به تگ هاhtml
• نحوه دریافت attribute های تگ های موجود در صفحه وب
• نحوه تغیر مقدار یا حذف attribute های تگ های موجود در صفحه وب
• معرفی متدها و ویژگی های مختلف شی Element در جاوااسکریپت
• معرفی اشیاء متناظر با هر کدام از انواع تگ های HTML

• معرفی شئ document و سند وب باز شده در پنجره مرورگر
• معرفی و توضیح در مورد متدها و ویژگی های مختلف شی document
• معرفی وضعیت های مختلف یک صفحه وب در هنگام لود شدن
• نوشتن یک پروژه عملی جالب و تست کردن کدهای مختلف با شئ document
• معرفی مفهوم کوکی ها و نحوه دریافت کوکی های فعال در مرورگر کاربر
• انجام چندین عمل مختلف و تغیر در تگ های موجود در صفحات وب

• آموزش نحوه صحیح دیباگ کردن و خطایابی کدهای جاوااسکریپت
• روش های مختلف خطایابی و مزیت ها و معایب هر کدام
• استفاده از ابزارهای دیباگر و اینسپکتور مرورگر برای آنالیز و بررسی روند اجرای کدها
• استفاده از ساختارTry…catch برای مدیریت خطاها در هنگام اجرای کد
• مینی پروژه : نوشتن یک برنامه جالب برای تصحیص داده ها وروری کاربر و خطایابی آن
• معرفی توابع اجرا در بازه زمانی در جاوااسکریپت
• معرفی تابع: setInterval اجرای کدها در بازه های زمانی مشخص
• معرفی تابع: clearInterval پاک کردن متغیر زمانی ساخته شده توسطsetInterval
• معرفی تابع: setTimeout اجرای کدها با یک تاخیر مشخص
• معرفی تابع: clearTimeout پاک کردن متغیر زمانی ساخته شده توسطsetTimeout

• جایگذاری انیمیشن های کدنویسی شده به عنوان متد در اشیاء صفحه وب
• مینی پروژه: ایجاد یک ساعت زنده و آپدیت شونده
• مینی پروژه: ایجاد یک تولید کننده اعداد رندم با استایل دهی مناسب
• مینی پروژه : پیاده سازی و ایجاد انیمیشن های fadeIn وfadeOut
• ارائه تمرینات مناسب…

• مینی پروژه : انجام اسکرول نرم scroll smooth با جاوااسکریپت و تغیر تابع scrollTo پیش فرض
• مینی پروژه : ایجاد دکمه انتقال به بالا با قابلیت اسکرول نرم و محو/نمایان شدن خودکار
• مینی پروژه : ایجاد منوی چسبان با جاوااسکریپت به شکل جالب و زیبا
• مینی پروژه : افزودن شمارنده زمانی (قابلیت محدودیت زمان بازی) برای بازی عنکبوت-مگس بخش10
• توضیح در مورد جی کوئری
• چرا باید از جی کوئری استفاده کرد ؟
• کجا از جی کوئری و کجا از جاوااسکریپت خالص استفاده کنیم ؟

  • • معرفی کتابخانه جی کوئری و اهداف آن
    • مزیت های مهم استفاده از جی کوئری
    • شعار جی کوئری، کدنویسی کمتر انجام کار بیشتر
    • جی کوئری چه مباحثی را شامل می شود؟
    • پشتیبانی جی کوئری از مرورگرهای مختلف
    • دالیل مهم استفاده از جی کوئری
    • فرار از ناسازگاری اجرای کدها در مرورگرهای مختلف با استفاده از جی کوئری
    • پیشنیازهای یادگیری جی کوئری
    • دانلود جی کوئری و لود آن در صفحه وب
    • استفاده از فایل هاست شده یا CDN برای لود جی کوئری و مزیت های هر کدام
    • شروع کدنویسی جی کوئری و آموزش آن
    • آشنایی با Syntax و قواعد نوشتاری کدهای جی کوئری
    • علامت $ در جی کوئری و کاربرد آن
    • Selectorهای جی کوئری
    • actionها و اجرای کدهای جی کوئری
    • استفاده تو در توی کدهای جی کوئری
    • رویدادها در جی کوئری
  • • معرفی Document.readyو اجرای کدهای جی کوئری در انتهای لود صفحه وب
    • معرفی کیورد this و اهمیت آن در بالک های کد جی کوئری
    • معرفی متدهای دریافت اطلاعات تگ ها در جی کوئری
    • متدهای تغیر و نوشتن اطلاعات تگ ها در جی کوئری
    • متدهای attrو text,html,val
    • افزودن یک تگ جدید در ابتدا و انتهای یک تگ دیگر
    • افزودن یک تگ جدید در قبل و یا بعد از یک تگ دیگر
    • نحوه حذف یک تگ و یا محتوای آن از صفحه وب در جی کوئری
    • تغیر ویژگی های مختلف css با استفاده از جی کوئری
    • معرفی متدهای مهم removeClass, addClass و toggleClass برای تغیر کلاس های تگ ها
    • معرفی متد css و نحوه خواندن و نوشتن ویژگی های css اعمال شده روی تگ هایhtml
    • معرفی متدهای دریافت ابعاد اشیاء و تگ های موجود در صفحه وب
  • • معرفی رویداد های مختلف جی کوئری و نحوه استفاده از آنها
    • معرفی شئ Event و متدها و ویژگی ها آن
    • معرفی متد مهم preventDefault و جلوگیری از رخداد عملکرد پیشفرض یک رویداد
    • معرفی متد each و انجام پردازش روی مجموعه ای از اشیاء
    • معرفی متد های رویدادی on و off وone
    • استفاده از return در دستور each برای خروج…
  • • پیمایش تگ های html با استفاده از کدهای جی کوئری
    • یاداوری ساختار درختی تگهای موجود در صفحات وب
    • معرفی متدهای فیلترینگ
    • معرفی متدهای first, last, eq, not, filterو …
    • معرفی متدهای متفرقه
    • مشکل تداخل کدها، دلیل آن و روش های رفع آن
    • متد noConflict و نحوه جلوگیری از تداخل کدهای شما با کدهای دیگر
    • انتقال اشیاء دریافت شده توسط جی کوئری به یک آرایه جاوااسکریپت
    • معرفی انیمیشن ها در جی کوئری
    • متد hide و show مخفی سازی و نمایش مجدد یک تگ در صفحه وب
    • متد fadeIn و fadeOut و fadeToggle انیمیشن های fade در جی کوئری
    • متد های slideDown , slideUp و slideToggle انیمیشن های اسلاید در جی کوئری
    • متد animate و ایجاد انیمیشن های دلخواه در جی کوئری
    • متدهای کار روی انیمیشن ها
    • متدهای stop , delay , finish و…
    • توابع callBack در جی کوئری و کاربرد آن ها
    • صدازدن زنجیروار متدها در کوئری Jquery method chaining
    • معرفی متد و رویداد hover و نحوه کار با آن
  • • مقدمه ای بر عبارت های منظم expression regular
    • تعریف مفهوم عبارت های با قاعده و کاربردهای آن
    • مقایسه جستجوی دقیق و جستجوی الگوها و بیان مزیت کار با الگوها
    • آشنایی با syntax و قواعد نوشتاری عبارت های منظم در جاوااسکریپت
    • معرفی الگوها، اصلاح کننده ها و نشانگرهای تعداد
    • معرفی و نصب نرم افزار regexBody برای کار با عبارت های منظم
    • آشنایی با Modifire ها و کاربرد آنها در عبارت های منظم
    • آشنایی با نحوه نوشتن الگوهای مختلف
    • سینتکس ساده و پایه الگوها و تطبیق یک رشته مشخص
    • استفاده از wildcard ها و anchor ها
    • تطبیق ابتدا و انتهای خط
    • معرفی عملگرهای گروهبندی
    • معرفی Quantifire ها و مشخص کننده های تعداد (+,*,?,min,max)
    • معرفی و آشنایی با بازه های کارکتری و تعین حروف مجاز در عمل تطبیق
    • scapeکردن کاراکترهای خاص در الگوها
    • آشنایی با عمل Back-referencing و استفاده های جالب آن
    • نمایش بعضی از کاربردهای عبارت های منظم در جایگزینی متن ها
  • • معرفی شئ RegExp و روش کار با آن
    • دو روش تعریف عبارت های منظم در جاوااسکریپت و مزیت ها و معایب هر کدام
    • ارائه چندین عبارت منظم برای تطبیق ساختارهای متنی مختلف (اعداد، شماره تلفن، ایمیل، url و …)
    • معرفی تابع test در عبارت های منظم و کاربردهای آن
    • معرفی تابع search در عبارت های منظم و کاربردهای آن
    • معرفی تابع replace در عبارت های منظم و کاربردهای آن
    • مینی پروژه : اعتبارسنجی داده های یک فرم با استفاده از عبارت های منظم در حین تایپ
  • • تشریح کاربردهای XML و JSON در دنیای وب
    • معرفی XML و هدف و کاربردهای آن
    • معرفی مزیت ها و معایت XML در مقابلJSON
    • معرفی بعضی از زبان های ساخته شده بر اساسXML
    • نحوه کدنویسی و موارد استفاده ازXML
    • درخت XML و توضیح در مورد آن
    • قواعد نوشتاری و syntax زبانXML
    • معرفی Element ها و Attribute ها در زبانXML
    • آشنایی با NameSpace ها در XML و دلیل استفاده از آن ها
    • آشنایی با مفهوم formed-well بودن درXML
    • آشنایی با JSON و موارد استفاده از آن
    • مقدمه ای بر JSON و نحوه پیدایش آن
    • قواعد نوشتاری و سینتکسJSON
    • نحوه کدنویسی JSON و استفاده از آن
    • تبدیل یک رشته JSON به یک شئ در جاوااسکریپت و برعکس
    • معرفی پسوند فایل هایJSON
    • ذکر مثال هایی از کدهایJSON
    • توضیحی برا استفاده XML و JSON در Ajax و اهمیت و کاربرد آن ها
  • • تشریح مفهوم ایجکس و تعریف آن
    • کاربردها و مزیت های استفاده از Ajax در صفحات وب
    • ترکیب تکنولوژی های موجود، عامل پیدایشAjax
    • نمایش مثال های واقعی از کاربردهای ایجکس در صفحات وب
    • آموزش نحوه صحیح کدنویسی ایجکس با کدهای خالص جاوااسکریپت
    • نحوه لود کردن فایل های سمت سرور و نمایش محتوای آن ها با استفاده از ایجکس
    • شئ XMLHttpRequest و نحوه تعریف صحیح آن برای سازگاری با اینترنت اکسپلورر
    • نحوه ارسال درخواست ایجکس و دریافت پاسخ آن
    • ارسال درخواست های ایجکس با متدهای get وpost
    • کدنویسی یک مثال جالب برای حذف یک سطر از صفحه وب و حذف بخش متناظر آن در سمت سرور
  • • مروری بر مفهوم ایجکس و کاربردها و مزیت های آن
    • نحوه کدنویسی ایجکس با استفاده از جی کوئری
    • معرفی متد ajax و پارامترهای آن
    • تعین متد ارسال درخواست
    • تعین url مقصد درخواست
    • ارسال داده های دلخواه به همراه درخواست ایجکس
    • متد serialize و پک کردن داده های فرم ها
    • نحوه ارسال درخواست ایجکس
    • نحوه دریافت درخواست ایجکس در جی کوئری و انجام اقدامات الزم
    • تعین timeout و حداکثر زمان انتظار برای دریافت پاسخ ایجکس
    • نحوه نمایش پیام خطا در هنگام مواجهه با مشکل
    • نحوه نمایش متن و یا انیمیشن لودینگ برای انتظار کاربر
    • مینی پروژه : ارسال داده های فرم های html با ایجکس
    • نحوه کدنویسی پارامتری برای ارسال داده های فرم از طریق ایجکس
    • نمونه مثال ارسال داده های فرم الگین و ثبت نام با استفاده از ایجکس
    • توضیح در مورد نحوه مدیریت و پاسخگویی درخواست در سمت سرور
    • شبیه سازی زمان اجرای درخواست در سمت سرور با متد sleep درphp
    • ارسال و دریافت داده ها با استفاده از ساختارJSON
  • • تشریح مفاهیم پالگین و کتابخانه و تعریف هر کدام
    • موارد استفاده از کتابخانه ها و کاربردهای آن
    • موارد استفاده از پلاگین و کاربردها و اهداف آن
    • تفاوت های مفاهیم پلاگین و کتابخانه
    • کدنویسی بهتر، سریعتر و مزیت های دیگر پلاگین/کتابخانه نویسی
    • آموزش نحوه نوشتن صحیح کتابخانه های جاوااسکریپت در 3 مرحله
    • روش اول: تعریف یک شئ به عنوان کتابخانه
    • مزیت ها و معایت روش اول
    • روش دوم : تعریف یک تابع به عنوان کتابخانه
    • مزیت ها و معایت روش دوم
    • روش سوم: استفاده از توابع ناشناس و self-invoking برای نوشتن کتابخانه
    • مزیت های روش سوم و تشخیص تداخل نام ها
  • • توضیح در مورد پلاگین نویسی و مزیت های آن
    • تشریح تفاوت های بین پلاگین و کتابخانه
    • یاداوری، نحوه کار و کدنویسی جی کوئری
    • ساختار و نحوه استفاده از پلاگین های جی کوئری
    • معرفی ویژگی $.fn و نحوه ایجاد و تعریف پلاگین جدید در جی کوئری
    • نحوه کدنویسی پالگین برای استفاده به صورت زنجیروار
    • محافظت از $ و جلوگیری از تداخل کدها با استفاده از توابع خود صدازننده
    • تشریح مرحله به مرحله مفهوم self-invoking-function
    • نحوه مختصر سازی کدنویسی پلاگین ها و جلوگیری از تعریف چند متد برای یک پلاگین
    • استفاده از متد each و کاربرد آن در پردازش عناصر تحت تاثیر پالگین
    • نحوه پاس دادن پارامتر(Option) های پالگین و تعین آنها توسط کاربر
    • ادغام option های کاربر با option های پیشفرض پلاگین با استفاده از متد extend
    • ذکر نکاتی مهم در رابطه با نحوه کدنویسی صحیح پلاگین ها
    • استفاده از ساختار فایل و پوشه بندی مناسب برای پلاگین
    • مینی پروژه: نوشتن پلاگینی برای افزودن آدرس لینک ها به عنوان آن
  • • پروژه – پلاگین: closable افزودن قابلیت بسته شدن به تگ هایhtml
    • آموزش نحوه قرار دادن دکمه X برای بستن تگ در گوشه آن
    • توضیح در مورد تگ هایی با خصوصیت absolute درcss
    • تشخیص تگ در برگیرنده X برای بسته شدن در هنگام کلیک
    • تعریف رویداد کلیک برای بسته شدن تگ در برگیرنده دکمهX
    • آموزش نحوه تعین و کدنویسی انیمیشن های مختلف برای بسته شدن تگ
    • تعین انیمیشن بسته شدن تگ توسط کاربر
    • تعین آیکون بسته شدن برای پروژه
  • • پروژه تولتیپ Tooltip نمایش عنوان تگ ها به شکلی زیبا
    • تشریح پروژه این جلسه و نحوه کار آن
    • تشریح ساختار و کدهای html و css پروژه این جلسه
    • نحوه استفاده از پروژه این جلسه
    • آموزش نحوه تعین عرض تولتیپ ها در حالت کلی
    • آموزش نحوه اعمال تنظیمات خاص مربوط به هر تولتیپ (تعیین عرض، پس زمینه و(…
    • خواندن عرض تولتیپ از خصوصیت data-ttw تگ
    • نحوه چک کردن وجود یک خصوصیت در یک تگ html
    • نحوه استفاده از متد و رویداد hover برای انجام عملیت در هنگام ورود و خروج موس روی یک تگ
    • نحوه حذف و ذخیره سازی موقت ویژگی title از تگ فعال هنگام نمایش تولتیپ
    • نحوه محاسبه فاصله از باال و چپ تولتیپ و قراردادن عنوان در مکان مناسب
    • مرور نکته های مهم ارائه شده در این جلسه
    پروژه – طراحی و پیاده سازی پلاگین Tooltip
  • • پروژه مُدال – Boxes Modal – شبیه ساز ی پنجره باز شده روی صفحه وب
    • تشریح و توضیح کدهای html و css پروژه این جلسه
    • نحوه ارتباط دادن لینک ها و دکمه ها به باکس های مربوط به خود
    • آموزش نحوه تنظیم رنگ پس زمینه مدال
    • آموزش نحوه کدنویسی برای تنظیم شفافیت پس زمینه
    • آموزش نحوه کدنویسی برای تعین عرض مدال
    • آموزش کدنویسی برای تنظیم انیمیشن ورود مدال به صفحه وب
    • تنظیم انیمیشن های ورود از جهات مختلف و با افکت های گوناگون
    • تنظیم فاصله از بالای مدال
    • نحوه کدنویسی برای به وسط آوردن مدال
    • نحوه تنظیم انتخابی رویداد فعال برای بازشدن یک مدال
    • تنظیم سرعت انیمیشن ورود
    • نحوه دریافت توابع callback از کاربر و اجرای آنها قبل و بعد از نمایش مدال
    • تمرین – افزودن دکمه و متن برای بستن مدال
  • • پروژه منوهای آکاردئونی accordion menus
    • توضیح در مورد پروژه این جلسه و دلیل نامگذاری آن
    • کدنویسی و تشریح ساختار html و css پروژه این جلسه
    • کدنویسی پروژه منوی آکاردئونی بدون پلاگین
    • نحوه باز شدن منو با کلیک روی عنوان آن
    • نحوه مخفی سازی بقیه منو
  • • توضیح در مورد تمرین-پروژه جلسه قبل
    پروژه محتوای تب دارTabbed-content
    • توضیح ساختار باکس های تب دار
    • توضیح کدهای html و css باکس هایtabbed
    • کدهای جی کوئری محتوای تب دار
    • پروژه منوی کناری مخفی
    • توضیح کدهای پروژه منوی کناری مخفی
    • پروژه اسلایدر تصویر با امکانات ویژه
    • تعریف پروژه اسلایدر و نمایش دموی آن
    • تشریح قابلیت اسلایدر طراحی شده در این جلسه
    • توضیح کدها و ساختار html و css اسلایدر
    • تشریح قابلیت های اسلایدر و option های موجود
    • ایجاد بخش شمارنده (شماره اسلاید) برای پروژه
    • ایجاد دکمه های رفتن به اسلاید بعدی و قبلی برای پروژه
    • ایجاد دکمه های کنترلی اسلایدها برای پروژه
    • ایجاد caption و توضیح مخصوص برای هر اسلاید
    • تعین انیمیشن های ورورد و خروج هر اسلاید
    • نحوه تنظیم سرعت اجرای انیمیشن
    • نحوه تنظیم و کدنویسی برای تعین مدت زمان نمایش هر اسلاید
    • آموزش نحوه کدنویسی برای توقف اسلایدر در هنگام بردن نشانگر موس روی آن
    • آموزش نحوه پشتیبانی اسلایدر از گسچرهای لمسی برای گوشی های هوشمند و تبلت ها
    • آموزش نحوه تنظیم نوع نمایش اسلایدها (پشت سرهم یا رندم(
    • بررسی نکات مهم و ویژه پروژه این جلسه
  • • توضیحاتی در مورد جلسه آخر و دوره کنونی
    • معرفی یک ابزار آنالین برای اجرای کدهای جاوااسکریپت
    • توضیح در مورد استفاده از پلاگین ها برای زبان فارسی
    • تشریح اصالح minification و مفهوم آن
    • تشریح اصالح compress و مفهوم آن
    • تشریح اصالح optimization و مفهوم آن
    • تشریح اصالح obfuscation و مفهوم آن
    • معرفی ابزارهای minification وobfuscation
    • کوتاه سازی کدهای جاوااسکریپت و افزایش سرعت لود فایل
    • بهینه سازی کد های جاوااسکریپت و افزایش سرعت اجرا
    • مبهم سازی و درهم ریختگی کدها برای محافظت از آن ها
    • استفاده از دستور “strict use “و کاربردهای آن
    • تشریح موارد غیر قابل استفاده هنگام کدنویسی در مدstrict
    • توضیح نکات مهمی برای کدنویسی بهتر جاوااسکریپت
    • توضیح نکاتی برای اجرای سریعتر کدها جاوااسکریپت
    • توضیح در مورد متد open و پنجره های پاپاپ
    • لود کردن فایل های js و css به صورت پویا از طریق دستورات جاوااسکریپت
    • معرفی کوکی ها و نحوه کار با آنها در جاوااسکریپت
    • توضیح در مورد ترکیب کدنویسی جی کوئری و جاوااسکریپت
    • وضیح در مورد اصطالحات lookahead و lookbehind در کار با عبارت های منظم
    • آموزش استفاده از حروف فارسی و تعین بازه حروف فارسی/عربی در عبارت های منظم
    • آموزش دریافت کد کاراکترهای مختلف در مبنای شانزده HEX
    • توضیح در مورد مبنا ها و دلیل نامگذاری ارقام دوحرفی مبنای 16 با حروف A تاF
    • توضیح در مورد تابع/عملگر void و کاربرد آن
    • توضیح در مورد فریمورک های جاوااسکریپت و کاربرد و اهمیت آنها در صفحات وب
    • معرفی دو کتاب مهم در امر آموزش و یادگیری جاوااسکریپت
    • توصیه ها و نکات مهم برای یادگیری بهتر و رسیدن به موفقیت در کدنویسی جاوااسکریپت
    • مسیر آینده شما برای ادامه آموزش در بستر وب…

نظرات فراگیران

سوالات متداول

این دوره مختص افرادی است که قصد ورود به بازار کار و کسب در آمد میلیونی دارند. در این دوره ها، صفر تا صد تخصص مورد نظر پوشش داده شده و فرد برای ورود به بازار کار یا استخدام در شرکت های مطرح آماده می شود.

دوره ها هم به صورت حضوری و هم به صورت آنلاین برگذار می شود.

همچنین ویدئو تمام جلسات ضبط شده و در اختیار شما قرار خواهد گرفت.

بله. علاوه بر آزمون پایانی، آزمون های مقطعی به صورت کوئیز و در طول دوره انجام خواهد شد.

بله. در پایان دوره، گواهی حضور به شما داده خواهد شد.

خیر. در هر صورت گواهی حضور دریافت خواهید کرد، اما میزان نمره یا سطح شما، در گواهی قید خواهد شد.

پاسخ: میزان غیبت مجاز، 3 روز در طول دوره می باشد.

تنها تا 3 جلسه اول مجاز به لغو کلاس هستید. در این مرحله، 80 درصد مبلغ دریافتی پرداخت خواهد شد.

پرداخت شهریه به دو صورت امکان پذیر است:

روش اول: پرداخت یکجا

کل مبلغ ابتدای دوره دریافت می شود.

 

روش دوم: پرداخت اقساطی

در این روش 30 درصد مبلغ در ابتدای دوره دریافت می شود.

مابقی در 3 قسط به صورت ماهانه پرداخت می شود. 

در این روش ارائه چک ضمانت الزامی است.

بله. برای اطلاعات بیشتر با واحد آموزش تماس بگیرید.

01133392072

خیر. برای شرکت در هیچ کلاسی، نیاز به هیچ مدرک دانشگاهی نیست.

فرد ملزم به رعایت نوع خاصی از پوشش نیست، اما رعایت حجاب الزامی است.

باشگاه مشتریان دوناوب با هدف قدردانی از انتخاب مشتریان مان ایجاد شده است. همواره با استفاده از خدمات ما، میزان مشخصی امتیاز به شما تعلق گرفته و در زمان استفاده از خدمات بعدی، قابل تبدیل به تخفیف است.

در تمام خدمات ما.

طراحی وبسایت، خرید قالب، دوره های آموزشی، پنل های پیامکی و ….

تخفیف ها به دو صورت موقتی و دائمی ارائه می شوند. برخی از این تخفیف ها فقط تا مدت مشخصی قابل استفاده هستند و برخی هم زمان مشخصی برای استفاده نداشته و هر زمان که مایل باشید می توانید از آن ها استفاده کنید.

برخی از این تخفیف ها یکبار مصرف و برخی چندبار مصرف هستند.

خیالتان راحت، هیچ خدمتی بدون تخفیف از دوناوب دریافت نخواهید کرد و همواره قدردان اعتماد شما خواهیم بود.

2 دیدگاه

    1. سلام امیر عزیز،
      خیر، میتونید به صورت آنلاین هم در کلاس شرکت کنید. در صورت تمایل میتونید با مشاهده ویدئوهای ضبط شده، روند آموزش رو دنبال کنید.
      با احترام

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

محبوب ترین دوره ها
درباره ما
doonaweb white
دوناوب در شبکه های اجتماعی
ارتباط با ما

© کپی رایت ۲۰۲۱, کلیه حقوق برای خدمات طراحی وب دوناوب محفوظ است.

مشاوره رایگان

لطفا فرم زیر را تکمیل کنید. همکاران ما در اولین فرصت با شما تماس خواهند گرفت.
  • این فیلد برای اعتبار سنجی است و باید بدون تغییر باقی بماند .

در صورت وجود مشکل، با شماره 01133392072 تماس بگیرید.