CSS переменные или кастомные свойства представляют собой определенные пользователем значения, которые можно задать один раз, а использовать много раз по коду. С их помощью легче управлять цветами, шрифтами, размерами и анимацией, а также переменные позволяют добиться единообразия по всему приложению.
#css
https://webformyself.com/kak-ispolzovat-peremennye-v-css/

В последних спецификациях ECMAScript появилось несколько новых операторов. В этом уроке мы детально разберем, как они работают и увидим, как они могут сократить код.
#javascript
https://webformyself.com/novye-operatory-v-javascript/

Исходники к уроку Новые операторы в JavaScript

Ключевая концепция работы сайтов и приложений – это обмен данными между клиентом (Frontend) и сервером (Backend). Клиенту нужно получать данные с Backend-а и отправлять обратно на сервер обновленные данные. В данном уроке мы познакомимся с ключевыми концепциями взаимодействия между клиентом и сервером: XMLHttpRequest и Fetch и получим данные с Backend-а каждым из способов.
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch/

Исходники к уроку API-Запросы на сервер. XMLHttpRequest и Fetch. Создание интерактивной формы

в этом уроке мы продолжим работать с сервером: получим данные с помощью Fetch, а после создадим интерактивную форму. В данной форме будем динамически заменять контент на странице, приходящий с Backend-а (без перезагрузки страницы).
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch-sozdanie-interaktivnoj-formy/

Angular Routing – одна из важнейших концепций фреймворка Angular. С ее помощью мы можем открывать новые страницы, меняя путь в адресной строке. При смене маршрута, перезагрузка приложения не происходит, что является важной особенностью Single Page Applications.
#javascript
https://webformyself.com/angular-routing-sozdanie-i-perexod-po-marshrutam/

Сервисы в Angular выполняют важнейшую функцию – отвечают за работу с данными и вынесение различной логики. Мы создадим Сервис и попробуем с ним взаимодействовать из разных мест приложения.
#javascript
https://webformyself.com/angular-services-sozdanie-i-ispolzovanie-servisa/

Исходники к уроку Создание Angular приложения с Routing и Services

Совместим знания из предыдущих уроков по Роутингу и Сервисам и попробуем создать приложение, которое позволит нам переходить на новые маршруты и обмениваться данными с помощью сервиса.

Перед запуском проекта (команда ng serve —open) из приложенных файлов, не забудьте установить npm-пакеты, выполнив в консоли команду npm i.
#javascript
https://webformyself.com/sozdanie-angular-prilozheniya-s-routing-i-services/

Исходники к уроку "Паттерн mixin в JavaScript. 2 способа реализации"

Исходники к уроку "5 однострочных функций в JavaScript, которые упростят разработку"

Исходники к уроку "Как делать миграции для БД в NodeJS"

Как делать миграции для БД в NodeJS

В данном уроке мы разберем, как делать миграции бд в NodeJS, с помощью ORM Sequelize. Рассмотрим, что такое up&down миграции, узнаем как применить изменения в нашу базу с помощью миграции, и как их откатить обратно.

Разберем описанные темы на примере трех баз данных, для трех сред: локальная, тестовая и продакшен.

https://webformyself.com/kak-delat-migracii-dlya-bd-v-nodejs/

Исходники к уроку "Как делать cиды для БД в Node.js"

Как делать cиды для БД в NodeJS с помощью ORM Sequelize

В данном уроке мы разберем, как делать сиды для БД в NodeJS с помощью ORM Sequelize. Рассмотрим, что такое сиды, в каких случаях они нужны, и сделаем сид для таблицы БД со списком городов.

Разберем описанную тему на примере трех баз данных, для трех сред: локальная, тестовая и продакшн.

https://webformyself.com/kak-delat-cidy-dlya-bd-v-nodejs-s-pomoshhyu-orm-sequelize/

Калькулятор расчета стоимости проекта на ReactJS

В данном уроке мы разберем, как сделать калькулятор расчета стоимости проекта на React JS.

Рассмотрим, как сохранять выбранные элементы калькулятора, как суммировать их и динамически присваивать CSS-классы элементам DOM дерева.

https://webformyself.com/kalkulyator-rascheta-stoimosti-proekta-na-reactjs/