Learning and Training Learning


Javascript Basic

This training cycle is focused on providing information with basic semantics and specific features of working in JavaScript programming language. 
 
During this training course, the participants will learn how to:
  • understand JavaScript code
  • write small modules with mathematical calculations in JavaScript
  • operate arrays, dates and other JavaScript objects
  • create efficient solutions.​
​This training course is intended for beginning programmers, layout designers, web developers, and professionals willing to top up their knowledge.


About the Training Course

This training course covers conditions and cycles, the implementation of objects and classes, and key notions needed to master the object-oriented programming in JavaScript.
 
Currently, being fluent in JavaScript helps web developers a lot. New opportunities offered by this programming language open up new beautiful photo galleries, visual and graphic effects, drop down menus, etc.
 
The following subjects are studied at the training course:
  • variables, data types, expressions and operators
  • conditional and cycle operators
  • arrays
  • functions, their definitions and arguments
  • objects and their properties


Module 1: 1 day

Main language constructs

Introduction to JavaScript
  • What is JavaScript?
  • Client JavaScript
  • Variables and data types
  • Expressions and operators
Logical structures
  • Conditional structures
  • Cycle structures
Arrays
  • Creating arrays
  • One-dimensional and multidimensional arrays
  • Array methods


Module 2: 1 day

Functions

Functions
  • Function definition and function call
  • Function arguments
  • Functions with variable number of arguments
  • Functions as data
  • Function visibility area
Built-in functions
  • String functions
  • Number functions
  • Date functions
  • Using external JavaScript libraries


Module 3: 1 day

Objects

Objects
  • Creating objects
  • Object properties
  • Properties and methods of Object universal class
  • Array-like objects
  • Pass by value and pass by reference

JavaScript Advanced

This training cycle is focused on a comprehensive and profound study of the potential offered by JavaScript programming language, and covers the entire functionality of this language.
 
During the training course, participants will study semantics and specific features of dealing with JavaScript constructs, and will learn how to:
  • understand JavaScript code
  • understand a prototype-oriented JavaScript programming model
  • make use of all opportunities offered by JavaScript
  • create JavaScript modules
  • process events of controls and create dynamic page components
  • verify the correctness of data input into HTML forms
  • create image rotators and other interactive elements for pages
  • handle Cookies using JavaScript
  • understand fundamental principles of AJAX technology.
This training course is intended for computer programmers, who have basic JavaScript programming skills, and successful graduates of the JavaScript: Basic course.


About the Training Course

The principles of handling objects, documents, CSS, events, forms, Cookies, and images are reviewed in detail during the training course.
 
The training course covers the following subjects:
  • prototypes and constructors
  • browser windows and methods of managing them
  • document properties and modification, and search for elements in a document
  • styles and classes
  • events and their processing
  • form elements
  • reviewing, storing and reading Cookies
  • handling of images
  • handling HTTP protocols.


Module 1: 2 days

Inheritance, global objects, DOM

Constructors and prototypes
  • Constructors
  • Prototypes and inheritance
  • OOP in JavaScript
  • Common methods of Object class
Handling browser windows
  • Window, Screen and Navigator objects
  • Location and History objects
  • Timers
  • Window control methods
  • Simple dialog windows
  • Error handling
Handling documents
  • Dynamic document contents
  • Document object properties
  • W3C DOM object model overview
  • Search for elements in a document
  • Modification of a document


Module 2: 1 day

CSS and JavaScript, event processing

СSS and JavaScript
  • CSS review 
  • CSS for DHTML
  • Using styles in scenarios
  • Calculable styles
  • CSS classes
Events and event processing (Part 1)
  • Basic event processing
  • Event processing in DOM Level 2 model
Events and event processing (Part 2)
  • Review of controls events
  • Practical examples of mouse event processing
  • Practical examples of keyboard event processing


Module 3: 2 days

Forms, Cookies, Ajax

Forms and form elements
  • Form Object
  • Form elements definition
  • Form scenarios and elements
  • Form verification examples
Cookies and client-side data storage mechanisms
  • Cookies overview
  • Storing and reading cookies
  • Storable data and security
Ajax and HTTP protocols
  • Using XMLHttpRequest object
  • Ajax and dynamic scenarios
  • Interaction with HTTP protocols using script tag


Module 4: 1 day

Handling images

 Handling images on the client side
  • Handling stock images
  • Graphics and CSS
  • SVG Scalable Vector Graphics
  • VML Vector Markup Language
  • Creating graphics using canvas tag

jQuery

This training course cycle is focused on studying JQuery JavaScript libraries.
During the course, the participants will find out, what distinguishes JQuery among other JavaScript libraries, get skills needed for work, and implement in practice the JQuery slogan of “write less, do more”.
In addition, the course participants will be able:
  • to understand the operating principle of JQuery library
  • to use selective functions
  • to handle library functions
  • to create animation
  • to use various effects
  • to link various plug-ins to their pages
  • to develop their own plug-ins
  • to work with JQuery UI.
This training course is designed for beginning web developers and experienced programmers dealing with front-end development.


About the Training Course

JQuery is a free JavaScript framework making it possible to expand functionality and add various effects to the web application user interface.
 
The training course covers the following subjects:
  • JQuery libraries
  • filters
  • attributes and styles
  • DOM-tree
  • events and their processing
  • animation
  • arrays and meta data
  • JQuery extension modules.
Examples of the addition of interactive and dynamic page components, various controls, effects and plug-ins will be demonstrated during the training course.


Module 1: 1 day

Selectors, filters

Introduction to JQuery
  • Getting acquainted with JQuery library
  • Connecting JQuery to a page
  • “Selector” and selective sampling of elements
Filters
  • Basic filters
  • Content filters
  • Attribute filters
  • Form element filters
Manipulation of properties, attributes and styles
  • Reading and setting attribute values
  • Modification of an element display style
  • Setting element content
  • Processing values of form elements


Module 2: 2 days

Handling DOM elements, event processing, JQuery UI, animation

Handling the DOM-tree
  • Element filtration methods
  • DOM-tree movement methods
Events and event handlers
  • Event model
  • Native JavaScript methods for event processing
  • JQuery event processing methods
Creation of animations
  • “animate” method and its potential
  • Stock animation effects in JQuery
 JQuery UI library
  • Getting acquainted with JQuery UI library
  • Connecting the library
  • Detailed study of all widgets


Module 3: 1 day

Auxiliary functions, work with Ajax, development of JQuery modules

Auxiliary functions
  • Array control methods
  • Meta data in JQuery
Extending JQuery with proprietary modules
  • Principal rules for the creation of JQuery extension modules
  • Creating proprietary auxiliary functions
  • Adding new methods to the JQuery library
Handling Ajax in JQuery
  • Getting acquainted with Ajax
  • Interaction with the server using native JavaScript methods
  • Interaction with the server using JQuery methods

ExtJS

This training course is designed for advanced JavaScript users who develop complex user interfaces in JavaScript for administering, for corporate intranets close to desktop applications in terms of functionality. The training covers functions of the library core, the work with visual components and graphics, and the development of own controls.


About the Training Course

The training course covers the following subjects:
  • the development of the first application
  • classes and their use
  • DOM elements
  • animation
  • layout
  • retrieving data and handling dates
  • handling forms
  • drawing and diagrams.


Module 1: 1 day

Constructors and prototypes
  • Constructors
  • Prototypes and inheritance
  • OOP in JavaScript
  • Common methods of Object class
Introduction to Ext JS 4
  • General overview of Ext JS framework
  • Development of the first application
  • Ext.application and Ext.onReady
System of classes in Ext JS 4
  • Definition and use of classes
  • Constructors
  • Config Parameter
  • Static class members and Static section
  • Inheritance in Ext JS
  • Mixin classes
  • Dynamic class loading
  • Singleton
  • Class aliases
  • Handling DOM elements


Module 2: 1 day

Element and component event processing
Animation in Ext JS
Layout in Ext JS 4
  • Introduction to containers
  • FitLayout
  • VBoxLayout
  • HBoxLayout
  • ColumnLayout
  • Accordion Styles
  • BorderLayout
  • CardLayout
  • Anchor layout
Components in Ext JS 4
  • Component basics in Ext JS 4
  • Components lifecycle
  • Viewport container
  • Window component Creating windows
  • Ext.Panel component
  • Ext.tree.Panel. Trees
  • Tab bar
  • Ext.Button
  • Flags and switches
  • Date selection Ext.form.field.Date
  • Ext.form.field.Spinner
  • Slider in Ext JS
  • Combobox in Ext JS
  • Ext.form.field.HtmlEditor
  • Text fields in ExtJS
  • Toolbar
Creating menus


Module 3: 1 day

Handling dates in ExtJS 4
AJAX and JSON in Ext JS 4
  • Getting data in JSON format
  • Getting XML data in ExtJS 4
Ext.XTemplate
Handling forms in ExtJS 4
  • Creating forms
  • Filling out forms
  • Sending form data to server
  • Validation of form fields
  • File upload to server
 Handling data in ExtJS 4
  • Creating models
  • Validation of model fields
  • Linking several models
  • Model upload and storage using a proxy
  • Handling a warehouse in ExtJS
  • Warehouse readers
  • Interaction with Local Storage HTML5


Module 4: 1 day

Tables and Ext.grid.Panel
  • Ext.grid.Panel and data presentation
  • Handling columns of Ext.grid.Panel
  • Columns rendering
  • Selecting a model
  • Editing in grid
  • Page-by-page output
  • Grouping in grid
Application architecture and MVC
  • MVC architecture Creating a project
  • Creating models and warehouse
  • Creating views
  • Creating controllers


Module 5: 1 day

Drawing in ExtJS and charts
  • Introduction to drawing Sprites
  • Interaction with sprites
  • Charts
  • Charts with areas
  • Histograms
  • Line graphics
  • Pie chart

This training cycle is focused on providing information with basic semantics and specific features of working in JavaScript programming language. 
 
During this training course, the participants will learn how to:
  • understand JavaScript code
  • write small modules with mathematical calculations in JavaScript
  • operate arrays, dates and other JavaScript objects
  • create efficient solutions.​
​This training course is intended for beginning programmers, layout designers, web developers, and professionals willing to top up their knowledge.


About the Training Course

This training course covers conditions and cycles, the implementation of objects and classes, and key notions needed to master the object-oriented programming in JavaScript.
 
Currently, being fluent in JavaScript helps web developers a lot. New opportunities offered by this programming language open up new beautiful photo galleries, visual and graphic effects, drop down menus, etc.
 
The following subjects are studied at the training course:
  • variables, data types, expressions and operators
  • conditional and cycle operators
  • arrays
  • functions, their definitions and arguments
  • objects and their properties


Module 1: 1 day

Main language constructs

Introduction to JavaScript
  • What is JavaScript?
  • Client JavaScript
  • Variables and data types
  • Expressions and operators
Logical structures
  • Conditional structures
  • Cycle structures
Arrays
  • Creating arrays
  • One-dimensional and multidimensional arrays
  • Array methods


Module 2: 1 day

Functions

Functions
  • Function definition and function call
  • Function arguments
  • Functions with variable number of arguments
  • Functions as data
  • Function visibility area
Built-in functions
  • String functions
  • Number functions
  • Date functions
  • Using external JavaScript libraries


Module 3: 1 day

Objects

Objects
  • Creating objects
  • Object properties
  • Properties and methods of Object universal class
  • Array-like objects
  • Pass by value and pass by reference

This training cycle is focused on a comprehensive and profound study of the potential offered by JavaScript programming language, and covers the entire functionality of this language.
 
During the training course, participants will study semantics and specific features of dealing with JavaScript constructs, and will learn how to:
  • understand JavaScript code
  • understand a prototype-oriented JavaScript programming model
  • make use of all opportunities offered by JavaScript
  • create JavaScript modules
  • process events of controls and create dynamic page components
  • verify the correctness of data input into HTML forms
  • create image rotators and other interactive elements for pages
  • handle Cookies using JavaScript
  • understand fundamental principles of AJAX technology.
This training course is intended for computer programmers, who have basic JavaScript programming skills, and successful graduates of the JavaScript: Basic course.


About the Training Course

The principles of handling objects, documents, CSS, events, forms, Cookies, and images are reviewed in detail during the training course.
 
The training course covers the following subjects:
  • prototypes and constructors
  • browser windows and methods of managing them
  • document properties and modification, and search for elements in a document
  • styles and classes
  • events and their processing
  • form elements
  • reviewing, storing and reading Cookies
  • handling of images
  • handling HTTP protocols.


Module 1: 2 days

Inheritance, global objects, DOM

Constructors and prototypes
  • Constructors
  • Prototypes and inheritance
  • OOP in JavaScript
  • Common methods of Object class
Handling browser windows
  • Window, Screen and Navigator objects
  • Location and History objects
  • Timers
  • Window control methods
  • Simple dialog windows
  • Error handling
Handling documents
  • Dynamic document contents
  • Document object properties
  • W3C DOM object model overview
  • Search for elements in a document
  • Modification of a document


Module 2: 1 day

CSS and JavaScript, event processing

СSS and JavaScript
  • CSS review 
  • CSS for DHTML
  • Using styles in scenarios
  • Calculable styles
  • CSS classes
Events and event processing (Part 1)
  • Basic event processing
  • Event processing in DOM Level 2 model
Events and event processing (Part 2)
  • Review of controls events
  • Practical examples of mouse event processing
  • Practical examples of keyboard event processing


Module 3: 2 days

Forms, Cookies, Ajax

Forms and form elements
  • Form Object
  • Form elements definition
  • Form scenarios and elements
  • Form verification examples
Cookies and client-side data storage mechanisms
  • Cookies overview
  • Storing and reading cookies
  • Storable data and security
Ajax and HTTP protocols
  • Using XMLHttpRequest object
  • Ajax and dynamic scenarios
  • Interaction with HTTP protocols using script tag


Module 4: 1 day

Handling images

 Handling images on the client side
  • Handling stock images
  • Graphics and CSS
  • SVG Scalable Vector Graphics
  • VML Vector Markup Language
  • Creating graphics using canvas tag

This training course cycle is focused on studying JQuery JavaScript libraries.
During the course, the participants will find out, what distinguishes JQuery among other JavaScript libraries, get skills needed for work, and implement in practice the JQuery slogan of “write less, do more”.
In addition, the course participants will be able:
  • to understand the operating principle of JQuery library
  • to use selective functions
  • to handle library functions
  • to create animation
  • to use various effects
  • to link various plug-ins to their pages
  • to develop their own plug-ins
  • to work with JQuery UI.
This training course is designed for beginning web developers and experienced programmers dealing with front-end development.


About the Training Course

JQuery is a free JavaScript framework making it possible to expand functionality and add various effects to the web application user interface.
 
The training course covers the following subjects:
  • JQuery libraries
  • filters
  • attributes and styles
  • DOM-tree
  • events and their processing
  • animation
  • arrays and meta data
  • JQuery extension modules.
Examples of the addition of interactive and dynamic page components, various controls, effects and plug-ins will be demonstrated during the training course.


Module 1: 1 day

Selectors, filters

Introduction to JQuery
  • Getting acquainted with JQuery library
  • Connecting JQuery to a page
  • “Selector” and selective sampling of elements
Filters
  • Basic filters
  • Content filters
  • Attribute filters
  • Form element filters
Manipulation of properties, attributes and styles
  • Reading and setting attribute values
  • Modification of an element display style
  • Setting element content
  • Processing values of form elements


Module 2: 2 days

Handling DOM elements, event processing, JQuery UI, animation

Handling the DOM-tree
  • Element filtration methods
  • DOM-tree movement methods
Events and event handlers
  • Event model
  • Native JavaScript methods for event processing
  • JQuery event processing methods
Creation of animations
  • “animate” method and its potential
  • Stock animation effects in JQuery
 JQuery UI library
  • Getting acquainted with JQuery UI library
  • Connecting the library
  • Detailed study of all widgets


Module 3: 1 day

Auxiliary functions, work with Ajax, development of JQuery modules

Auxiliary functions
  • Array control methods
  • Meta data in JQuery
Extending JQuery with proprietary modules
  • Principal rules for the creation of JQuery extension modules
  • Creating proprietary auxiliary functions
  • Adding new methods to the JQuery library
Handling Ajax in JQuery
  • Getting acquainted with Ajax
  • Interaction with the server using native JavaScript methods
  • Interaction with the server using JQuery methods

This training course is designed for advanced JavaScript users who develop complex user interfaces in JavaScript for administering, for corporate intranets close to desktop applications in terms of functionality. The training covers functions of the library core, the work with visual components and graphics, and the development of own controls.


About the Training Course

The training course covers the following subjects:
  • the development of the first application
  • classes and their use
  • DOM elements
  • animation
  • layout
  • retrieving data and handling dates
  • handling forms
  • drawing and diagrams.


Module 1: 1 day

Constructors and prototypes
  • Constructors
  • Prototypes and inheritance
  • OOP in JavaScript
  • Common methods of Object class
Introduction to Ext JS 4
  • General overview of Ext JS framework
  • Development of the first application
  • Ext.application and Ext.onReady
System of classes in Ext JS 4
  • Definition and use of classes
  • Constructors
  • Config Parameter
  • Static class members and Static section
  • Inheritance in Ext JS
  • Mixin classes
  • Dynamic class loading
  • Singleton
  • Class aliases
  • Handling DOM elements


Module 2: 1 day

Element and component event processing
Animation in Ext JS
Layout in Ext JS 4
  • Introduction to containers
  • FitLayout
  • VBoxLayout
  • HBoxLayout
  • ColumnLayout
  • Accordion Styles
  • BorderLayout
  • CardLayout
  • Anchor layout
Components in Ext JS 4
  • Component basics in Ext JS 4
  • Components lifecycle
  • Viewport container
  • Window component Creating windows
  • Ext.Panel component
  • Ext.tree.Panel. Trees
  • Tab bar
  • Ext.Button
  • Flags and switches
  • Date selection Ext.form.field.Date
  • Ext.form.field.Spinner
  • Slider in Ext JS
  • Combobox in Ext JS
  • Ext.form.field.HtmlEditor
  • Text fields in ExtJS
  • Toolbar
Creating menus


Module 3: 1 day

Handling dates in ExtJS 4
AJAX and JSON in Ext JS 4
  • Getting data in JSON format
  • Getting XML data in ExtJS 4
Ext.XTemplate
Handling forms in ExtJS 4
  • Creating forms
  • Filling out forms
  • Sending form data to server
  • Validation of form fields
  • File upload to server
 Handling data in ExtJS 4
  • Creating models
  • Validation of model fields
  • Linking several models
  • Model upload and storage using a proxy
  • Handling a warehouse in ExtJS
  • Warehouse readers
  • Interaction with Local Storage HTML5


Module 4: 1 day

Tables and Ext.grid.Panel
  • Ext.grid.Panel and data presentation
  • Handling columns of Ext.grid.Panel
  • Columns rendering
  • Selecting a model
  • Editing in grid
  • Page-by-page output
  • Grouping in grid
Application architecture and MVC
  • MVC architecture Creating a project
  • Creating models and warehouse
  • Creating views
  • Creating controllers


Module 5: 1 day

Drawing in ExtJS and charts
  • Introduction to drawing Sprites
  • Interaction with sprites
  • Charts
  • Charts with areas
  • Histograms
  • Line graphics
  • Pie chart