آموزش JavaScript در تبریز

 جلسه اول:

مبانی وب

 جلسه دوم:

معرفی html و تگ و انواع تگ و تگ های مربوط به نوشتن متن مانند تگ های عنوان و پاراگراف و … و تگ مربوط به نمایش تصویر

 جلسه سوم:

تگ های مربوط به ایجاد لیست و منو ،تگ های مربوط به لینک ها،تگ جدول

 جلسه چهارم:

طراحی فرم با html

 جلسه پنجم:

تگ div و انجام عملی ایجاد قالب یک صفحه وب

 جلسه ششم:

انواع css و مفاهیم class و id

 جلسه هفتم:

یادگیری ویژگی های مربوط به تصویر و متن و div

 جلسه هشتم:

انیمیشن سازی با css

 جلسه نهم:

دستور media و استفاده از کدهای آماده css و نحوه تبدیل scss  به  css

 جلسه دهم:

معرفی جاوا اسکریپت

 جلسه یازدهم:

توابع رشته ای

 جلسه دوازدهم:

دستورات شرطی

 جلسه سیزدهم:

دستور for

 جلسه چهاردهم:

دستور while

 جلسه پانزدهم:

دستور ورودی

 جلسه شانزدهم:

آرایه و توابع مربوط به آن

 جلسه هفدهم:

کتابخانه jquery

 جلسه هجدهم:

کتابخانه jquery

 جلسه نوزدهم:

کتابخانه jquery

 جلسه بیستم:

استفاده از کد های آماده javascript در صفحات و معرفی سایت های مربوطه

 جلسه بیست و یکم:

طریقه استفاده از کتابخانه bootstrap و معرفی سایت های مربوطه

 جلسه بیست و دوم:

عناصر و ابزار فرم و سایر ابزار در bootstrap

 جلسه بیست و سوم:

واکنش گرایی در bootstrap

 جلسه بیست و چهارم:

معرفی react JSو نصب react و بررسی ساختار پروژه های react

 جلسه بیست و پنجم:

ایجاد کامپوننت توضیح و تفاوت functional با class

 جلسه بیست و ششم:

state در react  و استایل دهی در react و استفاده از css in js

 جلسه بیست و هفتم:

کار با css module و مدیریت رویداد و list conditional و key در react

 جلسه بیست و هشتم: 

کار با فرم ها و lifecycle کامپوننت و کار با use effect

 جلسه بیست و نهم: 

کار با منوها و آیتم های منو

 جلسه سی ام: 

کامپوننت های side drawer و backdrop و …

 جلسه سی و یکم: 

طراحی ui پروژه

 جلسه سی و دوم:

طراحی ui پروژه

 جلسه سی و سوم:

طراحی ui پروژه

 جلسه سی و چهارم:

Seo

 جلسه سی و پنجم: 

Seo

جلسه سی و ششم:

مقدمات جاوا اسکریپت

• معرفی جاوا اسکریپت
• توانایی های جاوا اسکریپت
• ساختار برنامه در جاوا اسکریپت
• معرفی شی Document
• معرفی خصوصیت InnerHTML
• رویدادها (Events) و توابع (Functions)

جلسه سی و هفتم:

معرفی انواع داده  (Data Type)و عملگرها در جاوا اسکربیت

• نوع داده رشته ای (String)
• نوع داده عددی (Number)
• نوع داده منطقی (Boolean)
• نوع داده آرایه (Array)
• نوع داده شی(Object)
• عملگرهای جاوا اسکریپت (حسابی ،انتسابی ،مقایسه ای و منطقی)
• عملگر سه حالته یا شرط (Conditional Operator)

جلسه سی و هشتم / جلسه سی و نهم:

پنجره های Popup . ساختارهای کنترلی

• پنجره  Alert
• پنجره  Confirm
• پنجره  Prompt
• ساختار کنترلی if
• ساختار کنترلی Switch

جلسه چهلم:

حلقه ها (Loops)

• حلقه for
• while حلقه
• حلقه do-while
• حلقه for-in
• حلقه ی for-of

جلسه چهل و یکم:

ادامه مباحث حلقه ها(LOOPS)

• حلقه ی foreach
• Callback functions
• filter, map, reduce, find

جلسه چهل و دوم:

رویدادها (Events)

• رویدادهای ماوس
• رویدادهای صفحه کلید
• شی Event

جلسه چهل و سوم:

تعريف توابع

• انواع توابع و scope
• توابع (شامل توابع بازگشتی)
• اشنایی با Arrow Functions

جلسه چهل وچهارم:

مدیریت خطا و استثنا

شی گرایی در جاوا اسکریپت Object-Oriented Programming (OOP)

• آشنایی با مفهوم کلی شی گرایی
• آشنایی با Object Factory
• آشنایی با Object Constructor
• فهم بهتر عملکرد Constructor
• آشنایی با Reference Type, Primitive Type 
• نحوه افزودن و حذف یک property در یک شی

جلسه چهل و پنجم:

درخت مدل شی گرایی

• تغییر محتوا از طریق DOM
• تغییر Attribute ها از طریق DOM
• تغییر Style از طریق DOM
• تعیین Event ها از طریق DOM
• روابط بین گره ها در درخت DOM
• مفهوم parentNode , Siblings , childNodes
• پیمایش درخت DOM

جلسه چهل و ششم:

تغییر درخت DOM

• ایجاد Node با متدهای create Text Node, createElement
• افزودن Node با متدهای replaceChild, insertBefore, appendChild
• حذف Node با removeChild

جلسه چهل و هفتم:

 اشیا جاوا اسکریپت – شی رشته (String)

• خصوصیات String) Length, Constructor, Prototype)
• متدهای رشته

1. indexOf
2. lastIndexOf
3. concat
4. charCode
5. Replace
6. Split
7. Slice
8. Substr
9. متدهای Wrapper

اشبا جاوا اسكريپت – شي Date یا تاریخ

• سازنده های مختلف کلاس Date
• متدهای مختلف کلاس Date

1. 1. getDate
   2. getDay
   3. getFullYear
   4. getHours
   5. getMilliseconds
   6. getMinutes
   7. getMonth
   8. getTime

جلسه چهل و هشتم:

اشیا جاوا اسكریپت – شی ارایه (Array)

• خصوصیت Length
• متدهای Array
• IndexOf
• lastindexOf
• Concat
• Join
• Slic
• Sort
• toString
• Push
• Pop
• Shift
• Unshift
• Reverse

اشيا جاوا اسكريپت – کلاس Math

• خصوصیات Math
• متدهای Math
• Round
• Random
• Floor
• Max
• Min
• Pow
• Abs

جلسه چهل و نهم:

اشیا جاوا اسكريپت – کلاس RegEx

• مفهوم عبارات منظم
• Modifier ها
• متدهای RegExp

1. Test
2. Exec
3. الگوها
4. متا کاراکترها

• شی Window
• اندازه پنجره (innerHeight , innerWidth)
• متد open
• متد close
• متد move To
• متد resize To
• شی  Screen
• اندازه Resolution و خصوصیت های availHeight, availWidth
• شی Historyو متدهای forward, back
• آشنایی با شی Navigator
• زمانبندی (Timing)و متدهای clearTimeout, clearInterval, setTimeout و setinterval
• ساخت اسلایدشو
• ساخت dropdownlist
• اعمال تغییرات در BOM و DOM

جلسه پنجاهم / پنجاه و یکم:

 آموزش JSON

• جلسه اول آموزش JSON و کاربردهای
• جلسه دوم نکته ها و ابزارهای مفید کار با JSON

کار با Ajax

• آشنایی با Ajax و مفاهیم http
• آشنایی با – Ajax ویژگی و رویدادها
• دریافت اطلاعات با Ajax و افزودن به DOM
• دریافت نوع داده Xml توسط Ajax
• ارسال اطلاعات در Ajax

جلسه پنجاه و دوم:

کار با Fetch API

• آشنایی با Fetch API
• کار با – Fetch Api قسمت ۲

ES6 Promises

• Promise بررسی

Await  و Async در ECMAScript 2017

• Await, Async

Storage  در مرورگر

• آشنایی با LocalStorage
• آشنایی با SessionStorage
• ذخیره سازی Array و Object در Storage

جلسه پنجاه و سوم:

گیت

• NodeJS

جلسه پنجاه و چهارم / جلسه پنجاه و پنجم:

معرفی و اشنایی با محیط NodeJS

• نصب Nodejs و نوشتن اولین کدها تو محیط Nodejs
• تفاوت های محیط NodeJS با مرورگر سمت کلاینت
• نگاه نزدیک تر به معماری Nodejs

تعریف پروژه داخل محیط NodeJS

• آشنایی با json و تعریف پروژه
• تعریف ماژول سیستم ESM و تفاوتش با CIS در Nodejs
• دریافت ورودی از کاربر و نوشتن ماشین حساب ساده
• دریافت اطلاعات مخاطب از کاربر و نمایش آن
• کار با فایل و ذخیره

جلسه پنجاه و ششم:

پیاده سازی سرور HTTP ساده با NodeJS

• معرفی پروتکل HTTP
• پیاده سازی سرور HTTP با استفاده از NodeJS
• دریافت ورودی کاربر از طریق سرور HTTP

جلسه پنجاه و هفتم / جلسه پنجاه و هشتم:

نصب و آشنایی باExpressjS

• آشنایی با RESTful و توسعه وب سرویس درNodeJS
• پیاده سازی HTTP سرور ساده با استفاده از ExpressJS
• کار با routing و middleware ها داخل ExpressJS
• بازنویسی لیست مخاطبین با ExpressJs
• نصب Postman و بهبود ساختار پروژه

جلسه پنجاه و نهم :

ایجاد درخواست HTTP داخل Nodejs

• آشنایی با web scraping و معرفی پروژه جدید
• پیاده سازی پروژه استخراج خلاصه توضیحات از ویکی پدیا
• پیاده سازی سرور پروژه استخراج خلاصه توضیحات از ویکی پدیا با ExpressJS

جلسه جلسه شصتم / جلسه شصت و یکم / جلسه شصت و دوم:

MONGODB آموزش

• تفاوت SQL و NoSQL
• نصب mongodb
• آشنایی با دستورات mongod, mongo
• بررسی دایرکتوری mongodb و فایل cfg
• اجرای mongodb روی port های مختلف
• آشنایی با flag ها – دستور logpath, dbpath
• ایجاد فایل config
• ایجاد database
• ایجاد collection
• عمليات CRUD –متد () insertOne
• عمليات CRUD – متد()insertMany
• عمليات CRUD – متد()update One
• عمليات – CRUD متد()update, ()update Many
• عمليات CRUD – متد()replace One
• عملیات- CRUD متد()deleteOne, ()deleteMany
• Object type
• Array type
• ابزار compass
• ابزار studio3t, Robo3t
• فیلتر کردن اطلاعات projection
• فیلتر کردن اطلاعات limit , -sort,skip
• آشنایی باaggregation
• Restore دیتابیس
• بررسی رابطه ها در mongoDB
• بررسی نحوه ایجاد روابط یک به یک در mangodb
• بررسی نحوه ایجاد روابط یک به چند در mongodb
• بررسی رابطه چند به چند در Mongo
• کار با RegEXدر MongoDB

جلسه شصت و سوم / جلسه شصت و چهارم:

پیاده سازی authenticationبا استفاده از PassportJS

• معرفی authentication، JWT (JSON Web Token)
• پیاده سازی signup با استفاده از PassportIS
• تبدیل پسوردها به hash داخل دیتابیس
• ساخت توکن JWT و پیاده سازی login با استفاده از PassportJS
• وریفای کردن توکن کاربر با استفاده از middleware های authentication

جلسه شصت و پنجم / جلسه شصت و ششم / جلسه شصت و هفتم:

 برنامه نویسی socket در NodeJs

• معرفی پروژه و آشنایی WebSockett
• معرفی Socket.io و ایجاد پروژه
• پیاده سازی سرور و کلاینت با استفاده از Socket.io
• پیاده سازی چت با استفاده از Socket.io
• کار با rooms داخل Socket.io

جلسه شصت و هشتم:

پیاده سازی پروژه میکرو سرویس با Nodejs

• معرفی معماری میکرو سرویس و مقایسه اون با معماری monolithic
• معرفی پروژه میکرو سرویس
• پیاده سازی سرویس Catalogs
• پیاده سازی سرویس Customers
• پیاده سازی سرویس Payment
• پیاده سازی سرویس Orders

جلسه شصت و نهم / جلسه هفتادم / جلسه هفتاد و یکم:

توسعه پروژه میکرو سرویس در NodeJS

• معرفی Protocol buffers, gRPC
• پیاده سازی gRPC server سرویس Payment
• پیاده سازی gRPC stub سرویس Orders
• کامپایل فایل های proto داخل پروژه NodeJS
• معرفی و نصب RabbitMQ
• پیاده سازی سرویس Notifications و استفاده از RabbitMQ
• معرفی و نصب Kong API gateway
• اضافه کردن سرویسها و مسیرها داخل API gateway

جلسه هفتاد و دوم / جلسه هفتاد و سوم :

بهینه سازی و توسعه پروژه NodeJS

• معرفی و نصب Docker  
• ساخت Docker image برای یکیچ NodeJS
• استفاده از Redis cache داخل پروژه NodeJS
• معرفی Child process ها در NodeJS
• معرفی و کار با fork در NodeJS
• معرفی ماژول cluster در NodeJS
• توسعه cluster master در NodeJS
• معرفی و کار با PM2

جلسه هفتاد و چهارم / جلسه هفتاد و پنجم / جلسه هفتاد و ششم / جلسه هفتاد و هفتم / جلسه هفتاد و هشتم / جلسه هفتاد و نهم / جلسه هشتادم / جلسه هشتاد و یکم / جلسه هشتاد و دوم / جلسه هشتاد و سوم:

REACT

• React Class Components
• React Functional Component and Hooks
• قابلیت های پیشرفته React
• اضافه کردن routing به پروژه react
• مدیریت state با استفاده از Redux
• SSG, SSR و آموزش NextJS فریمورک
• آشنایی با تست نویسی در React

جلسه هشتاد و چهارم / جلسه هشتاد و پنجم / جلسه هشتاد و ششم:

آموزش type script

 جلسه هشتاد و هفتم / جلسه هشتاد و هشتم / جلسه هشتاد و نهم / جلسه نودم / جلسه نود و یکم / جلسه نود و دوم :

مفاهم کلی Angular

• components
• Style
• آشنایی با Directives و استفاده از nglf
• Life cycle Routing
• Error Hand ling

جلسه نود و سوم :

آشنایی با Angular

جلسه نود و چهارم / جلسه نود و پنجم / جلسه نود و ششم / جلسه نود و هفتم:

Material

جلسه نود و هشتم:

کارکردن با داده ها

جلسه نود و نهم:

اتصال به Fire base

جلسه صدم:

server side rendering