+380681072861(and telegram) 25onealexalex@gmail.com

...from simple JavaScript to React.js-framework...

js-icon js-icon

Full-Stack school by Oleksandr Koskin

has developed for you an original course on the JavaScript programming language and the React.js framework. The course is designed for students who have minimal basic knowledge of html/css/js and contains a minimum of theory, but a maximum of practice.

1 JavaScript lessons
1 React.js lessons
1 JavaScript and React.js projects

How does that work?

JS-JQ Course

First - study the lesson material

After selecting a project and lesson(some projects require registration (login)), you go to the page for that lesson and study the content of the lesson. The lesson content is ready-made js code + comments for it. The lesson content may contain several points, where each subsequent point complements the code of the previous one.

Click here and see more details in video...

JavaScript - DOM, events, array, array of objects, ajax, OOP(class and object), Promise.
React.js - states and their render(reactivity), componentDidMount, events and their binding, components and their connections(props)
PHP-MYSQL Course

Second - copy / paste code

Copy the code + in the editor (below) click on the pencil icon pencil-icon to open the editing option (the pencil icon will become a check mark icon check-mark-icon) + paste the copied code into editor field.

Click here and see more details in video...

JavaScript - DOM, events, array, array of objects, ajax, OOP(class and object), Promise.
React.js - states and their render(reactivity), componentDidMount, events and their binding, components and their connections(props)
LARAVEL Course

Third - execute code

To execute the copied code, click the check mark icon check-mark-icon) (or to cancel, click the cancel icon cancel-icon). If there are errors, you will receive a message "There is any mistake: TypeError: ... Just reload the page and repeat the exercise".
If you have any questions, I will answer with diligence (telegram +380681072861).

Click here and see more details in video...

JavaScript - DOM, events, array, array of objects, ajax, OOP(class and object), Promise.
React.js - states and their render(reactivity), componentDidMount, events and their binding, components and their connections(props)

Let's start...

create DOM(html)-element(createElement), create(change) attribute(setAttribute), append to parent element(appendChild) click here
addEventListener click here
image gallery from array (length, index) click here
array of objects(access to properties of object) click here
get data(array of objects) from API(fetch) click here
class, constructor, methods, properties, this, object of class click here
Promise - async...await click here
get data from API + create DOM(html) with data click here
events click-search and keyup-search click here
using sweetalert-library for validation click here
using class(constructor, methods, this/self pointer) and object click here
componentDidMount, state(setState), state rendering (before it is recommended to study the material Js Project 1) click here
event onClick(for example), bind events, reactivity events(setState) click here
image gallery from array - reactivity events(setState) click here
array of objects - reactivity events(setState for two states) click here
get data(array of objects) from API(fetch) + Promise(async...await) click here
get data from API + setting + render data(setState, map) (before it is recommended to study the material Js Project 2) click here
events onChange(set state), onClick for search(get state) click here
using sweetalert-library for validation + keyUp event for search click here
arrow method + parameter in method click here

Why choose my lessons?

ACCESSIBILITY + PRACTICALITY + MODERNITY
=
COMPETENCIES

ACCESSIBILITY of presentation

Сlearly STRUCTURED material according to the scheme "FROM SIMPLE TO COMPLEX"

PRACTICALITY of application

CODDING in every lesson using REAL examples taken from REAL projects

MODERNITY of the material

Using the most MODERN programming TOOLS - CLASS-EXTENDS, working with API, REACT-framework (reactivity, multi-component)

Professional COMPETENCIES

Your competencies are your COMPETITIVE ADVANTAGE, both as an employee and in the case of developing your own START UP