Канал WebForMySelf - IT и веб-разработка
4.54K subscribers
289 photos
5 videos
81 files
3.06K links
Канал сайта WebForMySelf. Самые свежие материалы из мира IT и веб-разработки
Связь: https://webformyself.support-desk.ru/
Download Telegram
Когда мы создаем какой-то фронтенд, мы часто делаем запросы к API на бэкенде. Вместо того, чтобы каждый раз писать запрос через fetch или использовать большую библиотеку, типа Axios, мы можем написать свою небольшую утилиту. Она сделает отправку запросов более удобной, а код более читаемым. В этом видео мы создадим такую утилиту.
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-1/
wwwjsfetch1.zip
1.1 KB
Исходники к уроку Утилита для удобной работы с запросами в JavaScript. Часть 1
В этом уроке мы продолжим работать с утилитой для запросов. Мы добавим типизацию с помощью TypeScript и увидим как это улучшит наш код. Будем использовать Generic-типы, создадим несколько своих типов и вспомним, как работать с компилятором TypeScript.
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-2/
wwwtsfetch2.zip
5.7 KB
Исходники к уроку Утилита для удобной работы с запросами в JavaScript. Часть 2
CSS переменные или кастомные свойства представляют собой определенные пользователем значения, которые можно задать один раз, а использовать много раз по коду. С их помощью легче управлять цветами, шрифтами, размерами и анимацией, а также переменные позволяют добиться единообразия по всему приложению.
#css
https://webformyself.com/kak-ispolzovat-peremennye-v-css/
В последних спецификациях ECMAScript появилось несколько новых операторов. В этом уроке мы детально разберем, как они работают и увидим, как они могут сократить код.
#javascript
https://webformyself.com/novye-operatory-v-javascript/
wwwjsoperators.zip
674 B
Исходники к уроку Новые операторы в JavaScript
Ключевая концепция работы сайтов и приложений – это обмен данными между клиентом (Frontend) и сервером (Backend). Клиенту нужно получать данные с Backend-а и отправлять обратно на сервер обновленные данные. В данном уроке мы познакомимся с ключевыми концепциями взаимодействия между клиентом и сервером: XMLHttpRequest и Fetch и получим данные с Backend-а каждым из способов.
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch/
wwwapi2.zip
1.2 KB
Исходники к уроку API-Запросы на сервер. XMLHttpRequest и Fetch. Создание интерактивной формы
Angular Routing – одна из важнейших концепций фреймворка Angular. С ее помощью мы можем открывать новые страницы, меняя путь в адресной строке. При смене маршрута, перезагрузка приложения не происходит, что является важной особенностью Single Page Applications.
#javascript
https://webformyself.com/angular-routing-sozdanie-i-perexod-po-marshrutam/
wwwangularbooks.zip
140.4 KB
Исходники к уроку Создание Angular приложения с Routing и Services
Совместим знания из предыдущих уроков по Роутингу и Сервисам и попробуем создать приложение, которое позволит нам переходить на новые маршруты и обмениваться данными с помощью сервиса.

Перед запуском проекта (команда ng serve —open) из приложенных файлов, не забудьте установить npm-пакеты, выполнив в консоли команду npm i.
#javascript
https://webformyself.com/sozdanie-angular-prilozheniya-s-routing-i-services/
wwwjsmixin.zip
728 B
Исходники к уроку "Паттерн mixin в JavaScript. 2 способа реализации"
wwwjs5oneliners.zip
1.2 KB
Исходники к уроку "5 однострочных функций в JavaScript, которые упростят разработку"
wwwmigration.zip
26.9 KB
Исходники к уроку "Как делать миграции для БД в NodeJS"
Как делать миграции для БД в NodeJS

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

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

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