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

دوره آموزش Front End - به همراه ReactJs

پیشنیاز : آشنایی با HTML CSS و منطق و مقدمات برنامه نویسی
تاریخ شروع طول دوره ساعت برگزاری نام استاد هزینه (تومان) وضعیت
1399/05/01 84 ساعت چهار شنبه ها ساعت 18:30 تا 20:30 و جمعه ها ساعت 16:30 تا 20:30 مهندس فرید کرمی 2,200,000 درحال برگزاری
1399/08/14 84 ساعت چهارشنبه ها ساعت 18:30 تا 20:30 و جمعه ها ساعت 13 تا 16:30 مهندس فرید کرمی 2,300,000 ثبت نام

توجه: از دانشجویان عزیز تقاضا میگردد جهت قطعی کردن ثبت نام با آموزشگاه تماس بگیرند.

آموزش آنلاين

دوره جامع تخصصی Front End همراه با ReactJs و Git

کاملترین دوره کاربردی و پروژه محور طراحی سایت برای بازار کار و مهاجرت


عنوان فیلم:

آموزش Front-End

فیلم اهداف آموزشی دوره Front End

پیش نیازها:

  • آشنایی با HTML CSS و منطق و مقدمات برنامه نویسی

نگاه اجمالی به مباحث این دوره

دانشجو پس از پایان دوره در کلیه مباحث زیر به تسلط کامل خواهد رسید.

  • آموزش JavaScript فوق پیشرفته
  • آموزش JSON
  • آموزش JQuery
  • آموزش Loadsh
  • آموزش SASS
  • آموزش AJAX
  • آموزش Animation
  • آموزش Material Design
  • آموزش SEO
  • آموزش Clean Code
  • آموزش Object Oriented Programming
  • آموزش Redux
  • آموزش Dependency Injection
  • آموزش ReactJs

اهداف دوره تخصصی Fron-End به همراه ReactJs

در این دوره آموزشی به تسلطی مضاعف در جنبه های حرفه ای جاوااسکریپت خواهند رسید و قادر خواهند بود پروژه های پیشرفته جاوااسکریپت را در قالب شی گرا پیاده سازی نمایند
تمامی پروژه های ساخته شده بر اساس نیازهای بازار کار داخل و خارج ایران می باشد و دانشجو پس از پایان دوره با حداقل چالش ها در بازار کار مواجه خواهد شد و این به دلیل پیاده سازی انواع پروژه های نیاز بازار کار در کلاس است.
آموزشهای این دوره کاملا مبتنی بر آخرین تکنولوژیهای روز دنیا و 100 درصد عملی و پروژه محور بوده و دانشجو پس از گذراندن این دوره با اکثر چالشهای Front-End درگیر خواهد شد
آموزش اصول حرفه ای برنامه نویسی شی گرا همراه با Design Pattern های معروف آن از جمله اهداف این دوره می باشد.
آموزش ReactJs , همراه با تمامی ساختارهای آن در قالب کاملا پروژه محور از اهداف این دوره می باشد.
آموزش حرفه ای پویا سازی CSS ها ( SASS ) و ( SCSS ) از مهمترین اهداف این دوره می باشد
آموزش بهینه سازی سایت و افزایش رتبه GTMetrix و تکنیکهای Bundling and Minification از اهداف این دوره می باشد
آموزش Task runner ها مانند Gulp از اهداف این دوره می باشد
یکی از چالشهای بزرگ ساخت سایتهای تک صفحه ای (Single Page Application ) بحث سئو کردن محتویات صفحه می باشد در این دوره دانشجویان می آموزند که چگونه به صورت همزمان هم از زیبایی سایتهای تک صفحه ای استفاده کنند و هم چگونه صد درصد محتویات صفحه را سئو کنند


فصل اول

بخش اول
  • مروری بر CSS3 و انیمیشن ها
  • تسلط کامل بر طراحی حرفه ای صفحات مطابق با جدیدترین استانداردها
  • معرفی و نصب محیط WebStorm
  • طراحی حرفه ای و اصولی صفحات وب
  • کار با محیط CMD و نکات آن
  • تفاوت انواع شیوه های برنامه نویسی Front End
  • آموزش کامل کدنویسی به شیوه Component محور
  • آموزش کامل معماری های CSS
  • آموزش کامل معماری BEM
  • ساخت پروژه عملی Navigation مخصوص موبایل
  • ساخت پروژه عملی Todo List
  • افزودن قابلیت List و Create و Edit و Remove
  • افزودن قابلیت Multi Select
  • آموزش کامل کار با Dynamic Event
  • شروع به کار ساخت پروژه عملی و حرفه ای Mobile Task
  • آموزش کامل و حرفه ای AWD و RWD

بخش دوم
  • ایجاد انیمیشن - Animation در JavaScript
  • آموزش با JSON و تفاوت آن با XML
  • آموزش کاربردی ECMAScript 6
  • آموزش کاربردی Arrow Functions در JavaScript
  • مرور کار با کلاس ها (Classes) در JavaScript
  • آموزش Enhanced Object Literals در JavaScript
  • آموزش String interpolation در JavaScript
  • آموزش Destructuring در JavaScript
  • آموزش Default در JavaScript
  • آموزش Spread در JavaScript
  • آموزش Spread + Object Literals در JavaScript
  • آموزش Rest در JavaScript
  • آموزش Let در JavaScript
  • آموزش Const در JavaScript
  • آموزش For..of در JavaScript
  • آموزش Unicode در JavaScript
  • آموزش Modules And Module Loaders در JavaScript
  • آموزش Set در JavaScript
  • آموزش WeakSet در JavaScript
  • آموزش Map در JavaScript
  • آموزش WeakMap در JavaScript
  • آموزش Proxies در JavaScript
  • آموزش Symbols در JavaScript
  • آموزش Inheritable Built-ins در JavaScript
  • آموزش New Library در JavaScript
  • آموزش Binary and Octal در JavaScript
  • آموزش Promises در JavaScript
  • آموزش Reflect در JavaScript
  • آموزش Tail Call Optimization در JavaScript
بخش سوم
  • انواع Function ها در JavaScript
  • آموزش با کتابخانه ی JQuery
  • آموزش با Selectors در JavaScript
  • آموزش با Attributes در JavaScript
  • تغییر CSS ها در JQuery
  • مدیریت رخداد ها - Events در JavaScript
  • آموزش با صفحات SPA
  • آموزش با AJAX
  • آموزش با Effects در JavaScript
  • ساخت یک صفحه SPA کامل
  • خواندن اطلاعات از یک سند TXT در JavaScript
  • آموزش با مفهوم Bind کردن اطلاعات در JavaScript
  • ذخیره سازی موقت اطلاعات با استفاده از Local Storage و Session Storage
  • کار با اسناد JSON در AJAX
  • انواع متد ها در AJAX
  • آموزش با مفهوم REST
  • ساخت کامل مدیریت محتوای موقت – نظیر دانشجویان، محصولات و... با قابلیت Read، Delete، Update و Creat (CRUD)
  • تفاوت برنامه نویسی Asynchronous و Synchronous در JavaScript
  • کار با Timer با استفاده از Set Interval و Set Timeout در JavaScript
  • ساخت یک صفحه ی Under Construction در JavaScript
  • کار با Google Map & Google Analytics
  • کار با کتابخانه Lodash

فصل دوم (CSS Preprocessor, Task Runner, Git)

بخش اول
  • آشنایی CSS Preprocessor
  • آشنایی با انواع Preprocessor ها نظیر LESS و SASS و SCSS
  • متغیر ها در SCSS – Variables
  • آشنایی با @-Rules and Directives
  • آشنایی با Control Directives & Expressions
  • آشنایی با Mixin Directives
  • آشنایی با Extend
  • آشنایی با Nesting
  • کار با Operators
  • کار با Functions
  • آموزش کامل Function Directives
  • آموزش کامل پیکسل به تابع EM
  • رنگ با نقشه های SASS
  • آموزش کاملSass و BEM(Block Element Modifier)
  • الگو BEM
  • استفاده از BEM در پروژه بصورت کاربردی
  • آموزش کامل و اصولی BEM Mixins
  • استایل Headlines
  • اصلاح کننده های Headlines
  • استایل عناصر فرم
  • آموزش کامل SMACSS و SASS
  • SMACSS در گردش کار
  • Component طرح بندی پنل
  • آموزش کامل سیستم شبکه Sass
  • آموزش کامل پیکربندی شبکه
  • آموزش کامل طرح بندی ستون
  • استفاده از Media Query Mixin
  • ایجاد تابع برای طرح بندی Flexbox
  • آموزش کامل ایجاد Mixins قدرتمند
  • Smarter Mixins با آرگومان های null و کلمه کلیدی
  • افزودن منطق Conditional به Stylesheets
  • آموزش کامل مرتب سازی مقادیر در نقشه ها
  • نوشتن Loops با for@
  • آموزش کامل Loop از طریق لیست ها با each@
  • آموزش کامل Loop از طریق داده در نقشه با each@
  • نقشه ها و Loop
  • مدیریت خطاها با error and @warn@
  • آموزش کامل اشکال زدایی Sass با Sourcemaps

بخش دوم
  • آموزش کامل ساختن فایل های SASS با Gulp
  • آموزش کامل ساخت و بهینه سازی فایل های Javascript با Gulp
  • ایجاد task runner توسعه برای نوشتن
  • معرفی و نصب Gulp.js
  • ایجاد Task gulp
  • آموزش کامل استفاده از کتابخانه های شخص ثالث Gulp
  • کامپایل Sass با Gulp
  • آموزش کامل افزودن Source Maps به SaSS
  • آموزش کامل بهبود Gulp Task Pipelines
  • آموزش کامل برنامه نویسی JSHint و JSCS
  • آموزش کامل کار باCSS
  • آموزش کامل کامپایل کردن CSS
  • کار با HTML
  • اضافه کردن فایل های JavaScript به HTML
  • استفاده از nodemon در یک Gulp
  • آموزش کامل همگام سازی مرورگر
  • آموزش کامل هماهنگ سازی مرورگرهای مختلف
  • آموزش کامل کار با فونت ها
  • آموزش کامل بهینه سازی تصاویر
  • آموزش کامل ذخیره سازی HTML
  • آموزش کامل بهینه سازی CSS
  • آموزش کامل بهینه سازی JavaScript
  • آموزش کامل راه اندازی کار HTML
  • آموزش کامل اجرای تست های سرور در HTML
  • آموزش کامل اجرای وظایف Refactored
  • آموزش کامل Loaders و Plugins
  • آموزش کامل راه اندازی Webpack
  • آموزش کامل Webpack Validator
  • آموزش کامل Webpack Dev Server
  • آموزش کامل پیکربندی مسیر
  • آموزش کامل Minifying و Source Maps
  • آموزش کامل توسعه در مقابل محیط های تولید
  • اضافه کردن Webpack
  • کار با Webpack
  • اشکال زدایی Webpack
  • وابستگی های صریح
  • بارگیری CSS
  • استفاده از Style و CSS Loaders
  • تعویض ماژول داغ
  • تست با Webpack
  • راه اندازی Karma
  • استفاده از Karma با Webpack
  • استفاده از Karma با Webpack Solution
  • محدوده پوشش و میان افزار Webpack
  • بهینه سازی وب پک
  • ES6ify
  • Tree Shaking
  • افزودن Tree Shaking
  • تقسیم کد
  • استفاده از System.import()
  • افزودن Commons Chunking
  • ذخیره سازی طولانی مدت
  • آموزش کامل استخراج CSS

بخش سوم
  • مفاهیم اصلی Git
  • آموزش کامل مبانی Git
  • Git Repositoryچیست؟
  • ابزارهای Common Git
  • معرفی Git And Source Control
  • نصب و راه اندازی
  • اضافه کردن فایلها به یک Repository با SourceTree
  • Committing Changes با SourceTree
  • ایجاد یک Branch با SourceTree
  • استفاده از Git Tags با SourceTree - Git Checkout
  • ایجاد یک Branch On The Command
  • استفاده از Tag ها با The Command Line
  • آموزش Interacting با Projects
  • شروع با یک پروژه موجود (git init)
  • Commit Log و نمایش جزییات Commit
  • ادغام مراحل با Express Commits
  • پشتیبان گیری تغییرات در Stage و دایرکتوری
  • تاریخچه Git و سفارشی کردن دستورات Git با نام مستعار
  • تغییر نام و حذف فایل ها در Git
  • ایجاد تغییرات در فایل های خارج از Git
  • مقایسه تغییرات (git diff / difftool)
  • شاخه چیست
  • مارکرهای ویژه و HEAD
  • انشعاب و ادغام ساده
  • ادغامها دستی و حل تضادها
  • ریموت با GitHub و BitBucket
  • Remote Repositories چیست؟

فصل سوم

آموزش Reactjs

  • راه اندازی محیط و نصب ابزارهای لازم جهت کار با react
  • بررسی کتابخانه React.js و کاربردهای آن
  • آماده سازی محیط توسعه و بررسی ابزارهای مورد نیاز
  • معرفی و نصب Visual Studio Code
  • معرفی و نصب NodeJS
  • NodeJS جهت نصب و راه اندازی React
  • Installing ReactJS using webpack and babel
  • install React and react dom
  • Set Compiler, Server and Loaders
  • Naming Convention in React
  • آشنایی با امکانات – Component - Unidirectional data flow and Flux – License

دوره آموزش React Native

تکنیک ها و ویژگی های ECMAScript

  • آشنایی با ECMAScript
  • متغیرها - Variables
  • عملگرها - Operators
  • شرط ها - Decision Making
  • حلقه های تکرار - Loops
  • انواع توابع - Functions
  • رخدادها - Events
  • کار با Page Redirect
  • کار با Void Keyword
  • Objects
  • Number
  • Boolean
  • Strings
  • متدهای جدید کار با رشته ها - New String Methods
  • آرایه ها - Arrays
  • RegExp
  • Collections
  • Classes
  • Promises
  • Modules
  • Error Handling
  • Validations
  • Animation
  • Multimedia
  • Debugging

مروری بر شی گرایی

  • الگوهای مختلف برنامه نویسی در طول زمان (Programming Paradigms)
  • اصطلاحات و مبانی برنامه نویسی شی گرا (OOP Basic Concepts)
  • اصول برنامه نویسی شی گرا (OOP Principles)
  • Abstraction
  • Polymorphism
  • Inheritance
  • Encapsulation
  • مدل سازی و طراحی شی گرا (Object Oriented Design and Modeling)
  • اصول طراحی شی گرا (S.O.L.I.D Principles)
  • Single Responsibility Principle (SRP)
  • Open-Closed Principle (OCP)
  • Liskov Substitution Principle (LSP)
  • Interface Segregation Principle (ISP)
  • Dependency Inversion Principle (DIP)
دوره آموزش React Native

ویژگی های React

  • نصب react با استفاده از npm
  • ایجاد اولین پروژه
  • اجرای پروژه در مرورگر
  • نمایش و بررسی directory پروژه و معرفی بخش های آن
  • معرفی و کار با JSX
    • Nested Elements
    • Attributes
    • JavaScript Expressions
    • Styling
    • Comments
    • Naming Convention
  • بررسی مثال هایی از JSX
  • معرفی Task Runner ها
  • متغیرها در JSX
  • استفاده از توابع، شرط‌ها و آبجکت‌ها در JSX
  • معرفی و کار با Component
  • چرخه زندگی کامپوننت ها
  • درخواست های Ajax
  • کار با State ها در React
  • معرفی و کار با Props
  • Validating Props
  • معرفی و کار با Component API
  • تعریف Component Life Cycle
  • کار با Form ها در React
  • کار با Event ها در React
  • معرفی و کار با Refs
  • معرفی و کار با Keys
  • مسیریابی و کار با URL ها
    • Install a React Router
    • React Router Dom
    • Add a Router
  • معرفی و کار با Flux
  • Install Redux
  • مدیریت وضعیت با Redux

آموزش Front End, آموزش طراحی سایت, آموزش فرانت اند, آموزش Typescript, آموزش SASS, آموزش HTml5, آموزش Ajax

فیلم های آموزشی مرتبط با این دوره

شروع کار با Html
آموزش Css بخش اول
آموزش Css بخش دوم
آموزش CSS3
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال
کاربر میهمان1399/05/16

کلاس عالی، حال عالی

سلام من در دوره شرکت کردم دوره بسیار عالی و جذابی هست ممنون

پاسخ مدیر

درود کاربر عزیز , از اینکه آموزشگاه تحلیل داده را انتخاب کردید و به ما اطمیانان داشتید متشکریم.

حدیثه افشاری1399/04/31

مدت زمان

مدت زمات اتمام دوره چقدر هست؟؟

پاسخ مدیر

سلام کاربر عزیز... مدت دوره 84 ساعت است.

کاربر میهمان1398/10/04

خريد پكيج اموزشي دوره front end

براي من كه ساكن شهرستان هستم و شاغل هستم سخته بتونم بيام تهران هرهفته..امكانش هست پكيج اموزشيو خريداري كنم؟

پاسخ مدیر

سلام کاریر عزیز دوره فرانت اند آموزشگاه تحلیل داده کاملترین دوره در کل ایران هست و حتما باید حضوری یا آنلاین در این دوره شرکت کنید.

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

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