Когда мы создаем какой-то фронтенд, мы часто делаем запросы к API на бэкенде. Вместо того, чтобы каждый раз писать запрос через fetch или использовать большую библиотеку, типа Axios, мы можем написать свою небольшую утилиту. Она сделает отправку запросов более удобной, а код более читаемым. В этом видео мы создадим такую утилиту.
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-1/
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-1/
Webformyself
Утилита для удобной работы с запросами в JavaScript. Часть 1
В этом видео мы создадим утилиту для удобной работы с запросами в JavaScript
wwwjsfetch1.zip
1.1 KB
Исходники к уроку Утилита для удобной работы с запросами в JavaScript. Часть 1
Люди сталкиваются с одними и теми же проблемами, когда хотят изучить JavaScript или любой другой язык программирования. При этом хотят изучить быстро, по возможности.
#javascript
https://webformyself.com/kak-bystro-izuchit-javascript-6-prostyx-sposobov/
#javascript
https://webformyself.com/kak-bystro-izuchit-javascript-6-prostyx-sposobov/
Webformyself
Как быстро изучить JavaScript: 6 простых способов
Как быстро изучить JavaScript и начать программировать: 6 секретов. Составление плана и переход к практике. Когда выбирать фреймворк
В этом уроке мы продолжим работать с утилитой для запросов. Мы добавим типизацию с помощью TypeScript и увидим как это улучшит наш код. Будем использовать Generic-типы, создадим несколько своих типов и вспомним, как работать с компилятором TypeScript.
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-2/
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-2/
Webformyself
Утилита для удобной работы с запросами в JavaScript. Часть 2
В этом уроке мы продолжим работать с утилитой для запросов в JavaScript
wwwtsfetch2.zip
5.7 KB
Исходники к уроку Утилита для удобной работы с запросами в JavaScript. Часть 2
CSS переменные или кастомные свойства представляют собой определенные пользователем значения, которые можно задать один раз, а использовать много раз по коду. С их помощью легче управлять цветами, шрифтами, размерами и анимацией, а также переменные позволяют добиться единообразия по всему приложению.
#css
https://webformyself.com/kak-ispolzovat-peremennye-v-css/
#css
https://webformyself.com/kak-ispolzovat-peremennye-v-css/
Webformyself
Как использовать переменные в CSS
Примеры использования переменных CSS или кастомных свойств: генерация и управление цветовыми палитрами, создание повторно используемых компонентов и другое
В последних спецификациях ECMAScript появилось несколько новых операторов. В этом уроке мы детально разберем, как они работают и увидим, как они могут сократить код.
#javascript
https://webformyself.com/novye-operatory-v-javascript/
#javascript
https://webformyself.com/novye-operatory-v-javascript/
Webformyself
Новые операторы в JavaScript
В последних спецификациях ECMAScript появилось несколько новых операторов, которые будут рассмотрены в данном видео
wwwjsoperators.zip
674 B
Исходники к уроку Новые операторы в JavaScript
Ключевая концепция работы сайтов и приложений – это обмен данными между клиентом (Frontend) и сервером (Backend). Клиенту нужно получать данные с Backend-а и отправлять обратно на сервер обновленные данные. В данном уроке мы познакомимся с ключевыми концепциями взаимодействия между клиентом и сервером: XMLHttpRequest и Fetch и получим данные с Backend-а каждым из способов.
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch/
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch/
Webformyself
API-Запросы на сервер. XMLHttpRequest и Fetch
В данном уроке мы познакомимся с ключевыми концепциями взаимодействия между клиентом и сервером: XMLHttpRequest и Fetch и получим данные с Backend-а каждым из способов
wwwapi2.zip
1.2 KB
Исходники к уроку API-Запросы на сервер. XMLHttpRequest и Fetch. Создание интерактивной формы
в этом уроке мы продолжим работать с сервером: получим данные с помощью Fetch, а после создадим интерактивную форму. В данной форме будем динамически заменять контент на странице, приходящий с Backend-а (без перезагрузки страницы).
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch-sozdanie-interaktivnoj-formy/
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch-sozdanie-interaktivnoj-formy/
Webformyself
API-Запросы на сервер. XMLHttpRequest и Fetch. Создание интерактивной формы
в этом уроке мы продолжим работать с сервером: получим данные с помощью Fetch, а после создадим интерактивную форму. В данной форме будем динамически заменять контент на странице, приходящий с Backend-а (без перезагрузки страницы).
Angular Routing – одна из важнейших концепций фреймворка Angular. С ее помощью мы можем открывать новые страницы, меняя путь в адресной строке. При смене маршрута, перезагрузка приложения не происходит, что является важной особенностью Single Page Applications.
#javascript
https://webformyself.com/angular-routing-sozdanie-i-perexod-po-marshrutam/
#javascript
https://webformyself.com/angular-routing-sozdanie-i-perexod-po-marshrutam/
Webformyself
Angular Routing. Создание и переход по маршрутам
Angular Routing – одна из важнейших концепций фреймворка Angular. С ее помощью мы можем открывать новые страницы, меняя путь в адресной строке.
Сервисы в Angular выполняют важнейшую функцию – отвечают за работу с данными и вынесение различной логики. Мы создадим Сервис и попробуем с ним взаимодействовать из разных мест приложения.
#javascript
https://webformyself.com/angular-services-sozdanie-i-ispolzovanie-servisa/
#javascript
https://webformyself.com/angular-services-sozdanie-i-ispolzovanie-servisa/
Webformyself
Angular Services. Создание и использование сервиса
Сервисы в Angular выполняют важнейшую функцию – отвечают за работу с данными и вынесение различной логики. Мы создадим Сервис и попробуем с ним взаимодействовать из разных мест приложения.
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/
Перед запуском проекта (команда ng serve —open) из приложенных файлов, не забудьте установить npm-пакеты, выполнив в консоли команду npm i.
#javascript
https://webformyself.com/sozdanie-angular-prilozheniya-s-routing-i-services/
Webformyself
Создание Angular приложения с Routing и 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/
В данном уроке мы разберем, как делать миграции бд в NodeJS, с помощью ORM Sequelize. Рассмотрим, что такое up&down миграции, узнаем как применить изменения в нашу базу с помощью миграции, и как их откатить обратно.
Разберем описанные темы на примере трех баз данных, для трех сред: локальная, тестовая и продакшен.
https://webformyself.com/kak-delat-migracii-dlya-bd-v-nodejs/
Webformyself
Как делать миграции для БД в NodeJS
В данном уроке мы разберем, как делать миграции бд в NodeJS, с помощью ORM Sequelize.