Как создать простую функцию AWS Lambda с помощью TypeScript
Для написания функции Lambda обычно используется Node.js. Однако JavaScript вызывает определённые сложности из-за отсутствия проверки типов и отладки кода. Применение Typescript для решения этой задачи обладает рядом преимуществ. Подробнее о них в статье:
https://nuancesprog.ru/p/15880/
#typescript
Для написания функции Lambda обычно используется Node.js. Однако JavaScript вызывает определённые сложности из-за отсутствия проверки типов и отладки кода. Применение Typescript для решения этой задачи обладает рядом преимуществ. Подробнее о них в статье:
https://nuancesprog.ru/p/15880/
#typescript
👍2
Создание Todo List на чистом JavaScript
Небольшой туториал с разбором кода, с помощью которого вы сможете реализовать собственный список задач на чистом JavaScript:
https://itchief.ru/javascript/todo-list
#javascript #туториал
Небольшой туториал с разбором кода, с помощью которого вы сможете реализовать собственный список задач на чистом JavaScript:
https://itchief.ru/javascript/todo-list
#javascript #туториал
👍16
zx.js вместо Shell
zx обеспечивает обертку модулю child_process, которая экранирует параметры и предоставляет смердженные значения по умолчанию. В этой статье вы узнаете, какие возможности он предоставляет и как вы можете применить его для написания скриптов, а также научитесь использовать все его фичи, разработав инструмент, который можно запустить из командной строки:
https://habr.com/ru/company/otus/blog/670112/
#javascript
zx обеспечивает обертку модулю child_process, которая экранирует параметры и предоставляет смердженные значения по умолчанию. В этой статье вы узнаете, какие возможности он предоставляет и как вы можете применить его для написания скриптов, а также научитесь использовать все его фичи, разработав инструмент, который можно запустить из командной строки:
https://habr.com/ru/company/otus/blog/670112/
#javascript
👍9👎2
Bun: новый рантайм для JavaScript
Bun конкурирует с хорошо известными NodeJS и Deno. Это новый JavaScript рантайм с нативным сборщиком, транспайлером, исполнителем задач и встроенным npm клиентом.
На днях произошёл релиз публичной беты, поэтому давайте познакомимся с ним чуть подробнее:
https://habr.com/ru/news/t/676102/
#javascript
Bun конкурирует с хорошо известными NodeJS и Deno. Это новый JavaScript рантайм с нативным сборщиком, транспайлером, исполнителем задач и встроенным npm клиентом.
На днях произошёл релиз публичной беты, поэтому давайте познакомимся с ним чуть подробнее:
https://habr.com/ru/news/t/676102/
#javascript
👍21❤🔥3🤔2❤1🔥1
Как с помощью Core Web Vitals влюбить в свой сайт пользователей и поисковые системы
Core Web Vitals — ядро сервисов для оценки производительности сайтов. Почему такое большое внимание уделяем Core Web Vitals и как эти метрики помогают повысить качество взаимодействия веб-ресурса с пользователем — в этом материале:
https://tproger.ru/articles/kak-s-pomoshhju-core-web-vitals-vljubit-v-svoj-sajt-polzovatelej-i-poiskovye-sistemy/
#seo
Core Web Vitals — ядро сервисов для оценки производительности сайтов. Почему такое большое внимание уделяем Core Web Vitals и как эти метрики помогают повысить качество взаимодействия веб-ресурса с пользователем — в этом материале:
https://tproger.ru/articles/kak-s-pomoshhju-core-web-vitals-vljubit-v-svoj-sajt-polzovatelej-i-poiskovye-sistemy/
#seo
👍12👎1🔥1
Продвинутый бэкенд на Node.js
В этом видео вы узнаете, как реализовать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.js. В качестве СУБД здесь используется PostgreSQL в связке с ORM Sequelize на Node.js. Вы также увидите, как обернуть приложение на Node.js в docker и docker compose.
https://youtu.be/dDeWWQWMM-Y
#бэкенд #nodejs
В этом видео вы узнаете, как реализовать масштабируемый бэкенд на Node.js с использованием фреймворка Nest.js. В качестве СУБД здесь используется PostgreSQL в связке с ORM Sequelize на Node.js. Вы также увидите, как обернуть приложение на Node.js в docker и docker compose.
https://youtu.be/dDeWWQWMM-Y
#бэкенд #nodejs
❤🔥35👍9🔥2
Создаем сайт-портфолио с responsive-дизайном
Одним из важных моментов в поиске работы является наличие хорошего портфолио. Для фронтенд-разработчика таким портфолио может стать сайт, написанный им самим. В этой статье вы научитесь создавать отзывчивый сайт-портфолио с responsive-дизайном:
https://techrocks.ru/2021/08/24/responsive-portfolio-using-pure-html-css-javascript/
#фронтенд
Одним из важных моментов в поиске работы является наличие хорошего портфолио. Для фронтенд-разработчика таким портфолио может стать сайт, написанный им самим. В этой статье вы научитесь создавать отзывчивый сайт-портфолио с responsive-дизайном:
https://techrocks.ru/2021/08/24/responsive-portfolio-using-pure-html-css-javascript/
#фронтенд
👍21🔥5
Послание к начинающим JavaScript-разработчикам
Советы из этой статьи пригодятся многим начинающим JavaScript-разработчикам, ведь они написаны опытным разработчиком, который на собственном опыте успел сделать выводы, разобрать ошибки и получить ценный опыт.
Подробнее:
https://techrocks.ru/2021/05/08/letter-for-new-javascript-programmers/
#javascript
Советы из этой статьи пригодятся многим начинающим JavaScript-разработчикам, ведь они написаны опытным разработчиком, который на собственном опыте успел сделать выводы, разобрать ошибки и получить ценный опыт.
Подробнее:
https://techrocks.ru/2021/05/08/letter-for-new-javascript-programmers/
#javascript
👍15👎2🤯1🌚1
Создание прогрессивного веб-приложения с помощью Django и Angular
Прогрессивные веб-приложения (PWA) — это веб-приложения, которые используют различные методы проектирования и технологии, чтобы выглядеть и вести себя как обычные мобильные или настольные приложения.
В этом руководстве предлагается создать простую викторину в виде PWA, которая сочетает в себе лучшие аспекты как веб-приложений, так и нативных приложений, используя Python и Django для серверного API и Angular с TypeScript для внешнего интерфейса:
https://www.twilio.com/blog/build-progressive-web-application-django-angular-part-1-backend-api
#pwa #django #angular
Прогрессивные веб-приложения (PWA) — это веб-приложения, которые используют различные методы проектирования и технологии, чтобы выглядеть и вести себя как обычные мобильные или настольные приложения.
В этом руководстве предлагается создать простую викторину в виде PWA, которая сочетает в себе лучшие аспекты как веб-приложений, так и нативных приложений, используя Python и Django для серверного API и Angular с TypeScript для внешнего интерфейса:
https://www.twilio.com/blog/build-progressive-web-application-django-angular-part-1-backend-api
#pwa #django #angular
👍4
Как успешно реализовать проверку состояния контейнера в Docker Compose
В этой статье речь пойдёт о команде Healthcheck, которая определяет возможность тестирования контейнера, чтобы убедиться в его работоспособности. Без неё Docker не сможет определить статус, запущенных в контейнере служб. Поэтому очень важно уметь правильно её создавать.
Подробнее:
https://nuancesprog.ru/p/14758/
#docker
В этой статье речь пойдёт о команде Healthcheck, которая определяет возможность тестирования контейнера, чтобы убедиться в его работоспособности. Без неё Docker не сможет определить статус, запущенных в контейнере служб. Поэтому очень важно уметь правильно её создавать.
Подробнее:
https://nuancesprog.ru/p/14758/
#docker
👍10😱1
This media is not supported in your browser
VIEW IN TELEGRAM
Необычные эффекты по ховеру, или введение в React-Spring
Анимация при наведении – прекрасный способ сделать приложение динамичным и отзывчивым. Это мелочь, которая делает взаимодействие с продуктом уникальным и запоминающимся.
В этой статье вы узнаете, как сделать интересные эффекты наведения с помощью хуков React:
https://habr.com/ru/company/kts/blog/670234/
#react
Анимация при наведении – прекрасный способ сделать приложение динамичным и отзывчивым. Это мелочь, которая делает взаимодействие с продуктом уникальным и запоминающимся.
В этой статье вы узнаете, как сделать интересные эффекты наведения с помощью хуков React:
https://habr.com/ru/company/kts/blog/670234/
#react
👍31
Новый выпуск веб-стандартов
В новом выпуск веб-стандартов обсудили Twitter Spaces, Safari и Apple, выбор между графикой и CSS, ARIA в селекторах и многое другое.
Слушаем тут:
https://youtu.be/-19qebJgKks
#подкаст
В новом выпуск веб-стандартов обсудили Twitter Spaces, Safari и Apple, выбор между графикой и CSS, ARIA в селекторах и многое другое.
Слушаем тут:
https://youtu.be/-19qebJgKks
#подкаст
YouTube
328. Twitter Spaces, Safari и Apple, графика или CSS, ARIA в селекторах, эмоции, курс по доступности
25 июля 2022
— Алексей Симоненко
— Вадим Макеев
— Юля Миоцен
00:00:00 Интро
00:00:44 Twitter Spaces
00:09:43 Safari 15.6
00:16:50 Новые люди в Apple
00:28:38 Графика или CSS?
00:39:24 ARIA в CSS-селекторах
00:49:34 Эмоции в интерфейсах
01:06:30 Курс по…
— Алексей Симоненко
— Вадим Макеев
— Юля Миоцен
00:00:00 Интро
00:00:44 Twitter Spaces
00:09:43 Safari 15.6
00:16:50 Новые люди в Apple
00:28:38 Графика или CSS?
00:39:24 ARIA в CSS-селекторах
00:49:34 Эмоции в интерфейсах
01:06:30 Курс по…
👍7🔥2
От новичка до тимлида: гайд по продвижению
У нас на сайте появилась статья, которая прольёт свет на работу и задачи тимлида, а также поможет наметить вам точки роста, если вы тоже хотите когда-нибудь руководить целой командой крутых специалистов.
Подробнее: https://tprg.ru/R0G5
У нас на сайте появилась статья, которая прольёт свет на работу и задачи тимлида, а также поможет наметить вам точки роста, если вы тоже хотите когда-нибудь руководить целой командой крутых специалистов.
Подробнее: https://tprg.ru/R0G5
👍19🔥1
Найдите ошибку в React-компоненте: Функциональное Карри
В этом выпуске «Найди ошибку» у нас есть простой React компонент-переключатель, который переключается между активным и неактивным состояниями при нажатии. Однако он не работает как ожидается. Сможете ли вы найти ошибку и исправить её?
Переходите по ссылке, чтобы проверить свои навыки, а также посмотреть на один из вариантов решения проблемы:
https://tproger.ru/articles/najdi-oshibku-v-react-komponente-funkcionalnoe-karri/
#react
В этом выпуске «Найди ошибку» у нас есть простой React компонент-переключатель, который переключается между активным и неактивным состояниями при нажатии. Однако он не работает как ожидается. Сможете ли вы найти ошибку и исправить её?
Переходите по ссылке, чтобы проверить свои навыки, а также посмотреть на один из вариантов решения проблемы:
https://tproger.ru/articles/najdi-oshibku-v-react-komponente-funkcionalnoe-karri/
#react
👍12🔥2🤮2
Библиотека Ethers.js: новичкам на заметку
Ethers.js и web3.js — это две библиотеки JavaScript с открытым исходным кодом, которые позволяют разработчикам взаимодействовать с блокчейном Ethereum и выполнять разные задачи.
Если есть желание поработать с блокчейном и web3, то в этой статье вы сможете поближе познакомиться с возможностями этой библиотеки:
https://nuancesprog.ru/p/15969/
#библиотека #javascript
Ethers.js и web3.js — это две библиотеки JavaScript с открытым исходным кодом, которые позволяют разработчикам взаимодействовать с блокчейном Ethereum и выполнять разные задачи.
Если есть желание поработать с блокчейном и web3, то в этой статье вы сможете поближе познакомиться с возможностями этой библиотеки:
https://nuancesprog.ru/p/15969/
#библиотека #javascript
👍18🤮5😁2