Part 1. JavaScript language
After studying this part of the course, you:
Learn to implement javascript code in HTML page.
Learn the syntax of the language.
Learn what variables are and what they are used for. Learn to create them, delete them, change their value, and also perform various manipulations with variables.
Learn to form conditions and thereby execute various code when they are executed.
Learn what cycles are and why they are used. How to easily process the values ​​of properties of objects and array elements using them.
Learn to display standard modal windows for displaying, entering and confirming various information.
Learn arrays, their creation, and methods for managing, deleting, and changing the structure of arrays.
See how to work with string data in javascript. Namely, replacing, deleting and searching for substrings in a string, as well as working with each character separately.
Learn to create your own functions and run them anywhere, anytime. And you will learn what recursion is and why it is used.
Learn to work with time and date and see how time is represented in javascript. At the same time, you can display the date on the browser screen in any format you need.
Learn mathematical operations in javascript - both simple arithmetic and more complex ones: exponentiation, square root, trigonometric, etc.
Learn to work with objects - create, edit, delete, add methods and properties to them. Learn one of the basic concepts of a function constructor object.
Review the basic methods and properties of javascript global objects.
Learn what DOM is.
Learn to perform various manipulations with elements of an html page: selecting, deleting, changing content, etc.
Learn what events are and how they can be processed.
Learn to handle errors that occur while creating scripts.
Part 2. jQuery Library
After completing this part of the course, you:
Find out why you need to select elements.
Learn what selectors are and how they can be used to select an element.
You will see how to select only the necessary ones from a variety of similar elements.
Learn what filters are and how they can help you select elements.
Learn to manage element attributes - add, change and delete.
Learn to change appearance elements of html pages by editing CSS rules.
You will be able to programmatically manage the contents of elements - add, change and delete.
You can easily add an arbitrary HTML element to your page or change its structure as a whole.
Learn to copy elements of web pages and paste what you copied anywhere.
Learn techniques to quickly go through selected items and highlight only those that interest you.
See how quickly and easily you can create a “specific event handler” function.
Learn to work with animation and thereby change elements of html pages using various animation effects.
You will learn how you can apply several animation effects to one element and how you can control them.
Learn what AJAX is.
Learn to send and receive information from the server asynchronously, without reloading the entire page.
A series of bonus lessons
In lessons this course the necessary basis for writing your own plugins. And in order to consolidate the acquired base, during the learning process you will create two simple, but at the same time functional plugins. The created plugins can then be used repeatedly on any website.
Video course-Library “jQuery User Interface”
Introduction
Effects
Widgets
Action with elements
The course “javascript & jQuery: from Zero to Pro” is the latest version on the RuNet, created taking into account all the latest developments and allowing you to master the full amount of material in just a couple of weeks, which could take many months with other learning methods...

• Quality: PCRec
• Format: autorun.exe
• Video codec: AVC
• Audio codec: AAC-LC
• Video: AVC, 1024x768, 157 Kbps, 15.000 fps, 0.013 bit/pix
• Audio: AAC-LC, 125 Kbps, 44.1 KHz, 2 channels

Individual lessons only. Call and make an appointment!

The course is taught individually. The price is indicated for 1 lesson (4 academic hours). You can agree on the number of classes and training time with the managers of our center.

GCDPO invites you to attend Javascript programming courses using AJAX technology and the jQuery framework. 8 practical lessons will help you quickly master from scratch the basic rules, tools and techniques for developing modern interactive web applications and user interfaces Javascript based. Basic course is aimed at listeners with little or no programming experience, so the program is accessible even to listeners who do not have special knowledge.

Course Objective: Teach students the concepts, principles, syntax, and tools of developing web pages and applications using Javascript, a prototype-based scripting programming language from scratch.

The Professional Javascript Basic Course is designed for:

• Students without experience in web development or proficiency in any programming language;
• Students with basic knowledge of HTML and CSS;
• Layout designers, programmers and frontend specialists who want to learn an additional programming language.

As a result of mastering the Javascript and jQuery course program, you will receive the following set of knowledge and skills:

• Areas of application and principles of programming in JavaScript and jQuery;
• Concepts of objects, identifiers, arrays, loops and constructs;
• Functions, methods and properties of numeric objects;
• Principles of operation of the jQuery framework and its interaction with the Javascript language;
• Working with DOM - document object model;
• Applying functions and actions on elements, programming events and reactions on a web page, working with forms, creating sliders.

Sign up for Javascript programming courses at the State Center for Education and Science to get the basis for further professional development in the field of web development!

Course curriculum

Topic 1. General information and principles of programmingJavaScriptAndjQuery. Creating a development environment.

1. Basic JavaScript syntax. Methods, objects, properties.

2. Write method of the document object.

3. Concept and use of a variable.

4. Operations on variables.

Topic 2. Arrays, structures, loops.

1. Introduction to arrays.

2. Length property, splice method.

3. Basic methods and methods of working with arrays.

4. Multidimensional arrays.

5. If-else construction.

Topic 3. Methods, functions, properties of string and numeric objects.

1. Cyclic constructions while and for.

2. Methods of the Window object alert, prompt, confirm.

3. Introduction to functions.

4. Basic methods and ways of working with functions.

5. Properties and methods of string objects.

Topic 4. Working with dates inJavaScript. Modificationweb-pages.

1. Functions and methods of numerical objects.

2. Working with dates in JavaScript.

3. Creating your own objects.

4. Create methods for your own object.

Topic 5. General understandingjQuery and basic principles of interaction.

1. Modification of web pages.

2. DOM - document object model.

3. Introduction to jQuery.

4. Basics of technology and use of jQuery.

Topic 6. Creating a selection from page elements, actions on selected elements.

1. Actions on selected elements.

2. Functions text, hide, show.

3. The concept of chain functions and automatic cycles.

4. Changing the width and height of elements.

5. Basic functions that expand actions on elements.

Topic 7. Reaction of web page elements to events.

1. Events on a web page.

2. Behavior of web page elements.

3. Events tracked by the browser.

4. jQuery event model.

5. jQuery events.

6. Creating a slider with a slide show.

Topic 8. Methods and filters for working with forms.

1. Basics of working with forms in jQuery.

2. Selecting and filtering form elements.

3. Filters for states of form elements.

4. Turning off and on, hiding and showing fields.

5. Additional features jQuery.

Topics covered

• JavaScript versions and implementations;
• Areas of application of JavaScript (browser, server, mobile development);
• Data types: String, Number, Boolean (the concept of truthy and falsy);
• Operators, operator precedence;
• Declaration of variables: var, const, let;
• Loops: while, for, for … in, for …of;
• Working with numbers and strings;
• Null and undefined values: differences and purposes of application;
• Working with the console;
• Exceptions in JavaScript.

• JSON format, examples;
• JSON.parse and stringify;
• Objects, working with the Object class;
• Creating objects (using literal (), new operator, create method);
• Prototypical inheritance, reference __proto__;
• Getters and setters;
• The in and hasOwnProperty operator, the concept of enumerable properties;
• toString() method, calling and overriding the method;
• valueOf() method, calling and overriding the method;
• Creating arrays: literals and new Array();
• Automatic change of array length;
• Getting and setting the length of the array length, truncating the array;
• Application join methods() and concat();
• Using the sort method, setting the sort order of the array;
• Using the slice and splice methods;
• Using push, pop, shift, unshift methods: creating a stack or queue.

• Using the new Date() constructor;
• Understanding the computer representation of date as time with Epoch;
• Using getTime() and setTime();
• Parsing string representation of dates;
• Options for creating strings in JS: using single and double quotes;
• String interpolation (string in apostrophes);
• Shielding special characters in line;
• String concatenation, conversion to upper and lower case;
• Finding a substring using indexOf() and lastIndexOf();
• Selecting a substring using substring() and substr()
• Using the includes, endsWith, startsWith methods.

• Managing the browser window, document, events and styling (CSS styles);
• The window object and its uses;
• Connecting JavaScript code to an HTML page;
• The order of execution of scripts on the page;
• Script caching, CDN servers, forced reboot JavaScript;
• Working with links, connecting JavaScript to links;
• The onload event and its use;
• XSS attacks on the site;
• Working with the DOM: using window, document, childNodes;
• Manipulating a document using the DOM: creating, deleting, moving elements;
• Using getElementById(), getElementsByTagName(), getElementsByClassName() to find elements on the page;
• Working with methods and properties of HTMLDocument and HTMLElement.

• The concept of event programming;
• Event handlers and listeners;
• Connecting handlers using addEventListener();
• Properties and methods of the Event class;
• Propagation of events up (bubbling) and down (capturing);
• Stop the spread;
• Window Events;
• Mouse and keyboard events, special event properties;
• Form events;

• CSS standard, basic CSS properties;
• General styles and styles of individual elements;
• Cascading styles;
• CSS selectors;
• Modifying CSS with JavaScript;
• Padding: margin, padding, border;
• Controlling the visibility of elements: visibility and display;
• Positioning of elements: absolute, fixed, relative, setting top and left;
• Units of measurement px, pt and others;
• Element overflow and control via the overflow property;
• Managing document layers: zIndex property;
• Animation, movement of elements;
• Working with classes, setting className;
• Working with transparency and transitions;
• querySelectorAll() method.

• Reasons for using modules;
• Export from module;
• Import from module;
• Re-export;
• Working with NPM, package.json file;
• Global and local installation of packages;
• Using webpack to build a project;
• CSS and TypeScript loaders;
• Configuration webpack.config.js;
• Bundle creation, compression;
• webpack plugins;
• Using old modularity systems – CommonJS and AMD;
• Using CommonsChunkPlugin, multiple entry points;
• Hot swappable HMR modules.

• Prototype inheritance, reference __proto__;
• Object prototype;
• Using instanceof;
• Keyword class, creating classes;
• Keyword super;
• Using the Object.assign() method;
• Using the Object.defineProperty() method;
• Getters and setters;
• Spread operator for working with objects and arrays;
• Destructuring an array and an object.

• Functions as variables;
• Array arguments;
• Function class, call() and apply() methods;
• The bind() method, setting this and some of the parameters using bind;
• Closures in JavaScript;
• Encapsulating values ​​using closures;
• Creating a function through the Function constructor: constructing a string;
• Arrow functions, examples of their application;
• Functional array manipulation: find, findIndex, filter;
• Examples of using map/filter/reduce to process data in an array.

• The concept of immutability, its advantages;
• Mutable and immutable methods for changing objects and arrays;
• Concept and advantages of Virtual DOM;
• Testing immutable functions, using Jest;
• Memoization, its advantages;
• Basic mistakes and recommendations when using functional programming;
• MVC pattern, user interface creation;
• Overview of the main libraries for interface development: Angular, React, Vue.

• The concept and necessity of asynchrony;
• Working with setTimeout, setInterval, clearTimeout;
• Callback functions (callbacks);
• Losing this when working with a callback function. Solutions (using bind, arrow functions, etc.);
• The concept of promises, returning a Promise from an asynchronous function;
• Promise.all() method, its application;
• async/await syntax, use cases, limitations;
• Handling emergency situations: Promise reject, exception handling for asynchronous calls.

• HTTP protocol;
• HTTP headers and methods (GET, POST, PUT, DELETE, others), data transfer;
• HTTP servers (overview);
• HTTP server response codes;
• Using forms to submit data;
• Transferring data to the server using AJAX;
• REST architecture: advantages and features;
• Implementation of CRUD (Create/Read/Update/Delete operations) when working with REST;
• Using the fetch() function to receive and send data;
• Documenting REST services using Swagger;
• HATEOAS concept, application;

• Comparison of the high-level Axios library and the use of low-level fetch();
• GET and POST requests in Axios;
• Using async/await with Axios;
• Error handling when using Axios;
• Canceling a request using Axios;
• WebSocke protocol;
• Examples of using WebSocket, comparison with HTTP;
• HTML animation;

Goals

After completing the course, students will have a good understanding of the capabilities of the JavaScript language and will receive the basis for further use of web frameworks such as React or Angular. Students will study in detail the structure and syntax of the language, its object model. The DOM model of an HTML document is discussed in detail, an introduction to CSS is given, and techniques for manipulating DOM and CSS using JavaScript are studied. Event processing models are studied. Issues of creating forms are studied. JSON technology and Ajax technology, asynchrony and working with the server are considered.

The target audience

Preliminary preparation