Все о разработке backend части на JavaScript (Node JS). А так же: Express JS, Next JS, Nest, Socket.IO Канал на бирже - https://telega.in/c/we_use_js По вопросам рекламы или разработки: @g_abashkin РКН: https://vk.cc/cGhHyj
🙃Блокчейн переворачивает все больше отраслей с ног на голову, и вы можете стать частью этой трансформации. Начните свой путь в блокчейн-разработке уже 20 декабря.
💪 Освоить навыки программирования смарт-контрактов с помощью языка Solidity вам поможет онлайн-курс «Solidity Developer» OTUS.
👉 Пройдите вступительный тест
📚 За 5 месяцев вы научитесь разрабатывать смарт-контракты, понимать основные EIP (Ethereum Improvement Proposals), использовать сторонние решения от OpenZeppelin, покрывать код тестами на Foundry, изучите типовые паттерны атак и создатите свой проект для портфолио под руководством практикующих экспертов.
👉 Пройдите вступительный тест для оценки своих знаний и получи бесплатный урок курса https://otus.pw/gMNv/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
🔥Тест по JavaScript от OTUS🔥
Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional»
👉 ПРОЙТИ ТЕСТ https://clck.ru/37BTkR
💣 Пройдете тест и получите:
✔️ Живое общение с экспертами JavaScript-сообщества
✔️ Получите видео-курс по Git в подарок
✔️ Лучшие открытые уроки прошлых наборов курса
✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+
✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional»
🎄Курс стартует 25 декабря и вы можете попасть в группу по новогодней скидке 20%Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8K42yX
Всегда мечтали научиться создавать практичные приложения и удобные сайты? Присоединяйтесь к бесплатному мини-курсу, где вы получите практические советы и узнаете инсайты от опытного программиста, а также создадите 3 классных проекта — сайт, приложение и сервис — и добавите их в портфолио.
👉🏻Регистрация и подробная программа — по ссылке: https://epic.st/3dPTk
🧠Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов.
🎉Всех участников ждут подарки:
— сертификат на скидку 10 000 рублей на любой курс;
— доступ к изучению английского языка на год;
— персональная карьерная консультация.
Начните новый год с новой профессией!
Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880
🚯Сборка мусора в JavaScript
В этой статье мы заглянем под капот этого процесса, поймем, как работает память, и изучим алгоритм сборки мусора.
Читать...
💪 Создайте полноценный чат на JavaScript с нуля
👉 И доведите проект до совершенства на бесплатном практическом уроке «Работа с сетевыми ресурсами в проектах на Javascript» от OTUS.
Мы возьмем проект с предыдущего урока и:
- доработаем его до полноценного чата, чтобы пользователи с разных компьютеров могли общаться друг с другом;
- обсудим, какие варианты реализации общения с сервером у нас есть и попробуем их на практике.
📌 Занятие пройдёт 21 декабря в 20:00 мск в рамках курса «Специализация Fullstack developer». После урока вы сможете продолжить обучение в рассрочку.
👉 Для бесплатного участия регистрируйтесь прямо сейчас: https://clck.ru/37AYuj
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8JzdVj
😎Pet-проекты — это зло. Вредные советы для фронтендеров
В этой статье я расскажу о том, как, мне кажется, нужно и, наоборот, нельзя вести пет-проекты.
Читать...
🧐Эмуляция бэкенда: как разрабатывать изолированный фронтенд с помощью Mock Service Worker
В этой статье я расскажу о Mock Service Worker — технологии, которая позволяет эмулировать поведение бэкенда в ситуациях, когда по каким-то причинам невозможно использовать реальный бэкенд для полноценной разработки фронтенда, а также когда необходимо изолированно протестировать различные пользовательские сценарии.
Читать...
🦾Переменные окружения в Node.js: полное руководство
В этой статье мы рассмотрим переменные окружения (environment variables).
Читать...
☕️ Что в коробке? Как работают функции в JavaScript
В этой статье мы знакомимся с фундаментальным строительным блоком любого приложения на JavaScript — функцией.
Читать...
🗓 5 популярных JavaScript календарей и планировщиков
В этой статье мы рассмотрим ТОП-5 библиотек JavaScript для создания календарей и планировщиков с простым и понятным пользовательским интерфейсом.
Читать...
👥Как мы работаем с ресурсами в веб-приложениях
В этой статье мы проведем анализ существующих подходов и расскажем вам об этом.
Читать...
😍Анти-легаси архитектура для UI приложений
В этой статье мы рассмотрим практический пример того, как реализовать шаблон MVU, сделав UI интерактивным.
Читать...
❓Как разработчику на JavaScript оптимизировать некоторые задачи?
🔥Узнайте на бесплатном открытом уроке «Построение графических приложений с применением библиотеки Konva.js» от OTUS.
✅На вебинаре:
- научимся использовать konva;
- разработаем небольшое приложение;
- разберём отличия в разработке приложений на основе vdom и без него;
- научимся сочетать оба подхода к разработке фронта.
🔥Занятие пройдёт 11 декабря в 20:00 мск и будет приурочено к старту курса «JavaScript Developer. Professional». После урока вы сможете продолжить обучение в рассрочку на специальных условиях.
Для бесплатного участия пройдите короткое тестирование прямо сейчас: https://clck.ru/36zLCL
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8Jvf4j
75 задач LeetCode, 7 тренировочных собеседований и один год — примерно такой рецепт нужен, чтобы устроиться на работу в Гугл.
Конечно, там нужно намного больше. А само интервью состоит из 6 раундов. В статье на личном примере одного разработчика расскажем, как нанимают в Google:
Читать...
Какие подходы применять в разработке микросервисов?
Узнайте на бесплатном практическом уроке «Основные паттерны использования GraphQL и gRPC» от OTUS. На вебинаре:
- рассмотрим основные паттерны и подходы к использованию GraphQL и gRPC;
- рассмотрим паттерн запрос-ответ;
- обсудим различия между GraphQL и gRPC и их преимущества и недостатки в различных сценариях;
- изучим паттерны запроса типа «одно на много» и «много на много», а также подходы к управлению версиями.
Занятие пройдёт 12 декабря в 17:00 мск и будет будет приурочено к старту курса «Microservice Architecture». После урока вы сможете продолжить обучение в рассрочку.
Для бесплатного участия и получения записи зарегистрируйтесь прямо сейчас: https://clck.ru/36xcyp
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8K8gNK
Что нового в TypeScript 4.9 - оператор satisfies
Алоха товарищи фронты! Я знаю что TS 4.9 это не самая новая версия так как недавно анонсировали TS 5.0. Но я думаю что далеко не все знают о том что нового было в версии 4.9 и уверен что многим будет это полезно.
И так что делает новый оператор:
Позволяет нам проверить соответствие выражения некоторому типу, не меняя сам тип. Это помогает при работе с объектами со смешанными типами данных.
Рассмотрим на примере:type
FormFields = "name" | "surname" | "age";
const
data: Record<FormFields, number | string> = {
name: "name",
surname: "surname",
age: 21,
}const
newAge = data.age * 2;
const
nameUpperCase = data.name.toUpperCase();
❗ Объект data
имеет как числовые, так и строковые значения, поэтому при работе с этим объектом мы получаем следующие ошибки:The left-hand side
of
an arithmetic operation must be
of
type
'any', 'number', 'bigint' or an enum
type
.
Property 'toUpperCase' does not exist on
type
'string | number'.
Property 'toUpperCase' does not exist on
type
'number'.
Вот тут-то нам и поможет оператор satisfies
.type
FormFields = "name" | "surname" | "age";
const data = {
name: "name",
surname: "surname",
age: 21,
} satisfies Record<FormFields, string | number>
const
newAge = data.age * 2;
const
nameUpperCase = data.name.toUpperCase();
Также оператор satisfies
можно использовать для отлова некоторых ошибок. Например, для проверки объектов на наличие ключей, соответствующих заданному типу:type FormFields = "name" | "surname" | "age";
const data = {
name: "name",
surname: "surname",
age: 21,
passport: {}
} satisfies Record<FormFields, string | number>
Надеюсь что было полезно. В общем удачи в экспериментах!
👍Разработка одностраничных приложений с помощью HappyX
В этой статье я подробнее расскажу о разработке одностраничных приложений с помощью HappyX с использованием императивного подхода к разработке.
Читать...
🤠Тестируем приложение как сын маминой подруги или взгляд на Trace Based Testing
В этой статье я расскажу о концепциях, которые чаще всего используются сейчас в тестировании, кратко опишу, что такое distributed tracing, и поделюсь опытом работы с TBT.
Читать...
Коды ответа HTTP
Всем привет!
Какое то время назад я выкладывал похожий пост, но этот дополнен и содержит в себе больше нужной инфы. А еще я узнал что в спецификации существует код 418 - I'm a teapot, без приколов. Подробнее о нем тут.
Основные категории:
1xx. Информационные 100 - 199
2xx. Успешные 200 - 299
3xx. Перенаправления 300 - 399
4xx. Клиентские ошибки 400 - 499
5xx. Серверные ошибки 500 - 599
Чуть подробнее о самых часто встречающихся:
👉 200 - ОК. Cервер успешно обработал запрос.
👉 201 - Created. Сервер обработал запрос и создал новый ресурс
👉 204 - No Content. Сервер обработал запрос, но никакого содержимого нет.
👉 301 - Moved Permanently. Данные, которые запрашиваются, были перемещены по другому адресу навсегда.
👉 304 - Not Modified. Означает, что запрашиваемый ресурс не изменялся, а значит может использовать кэшированную версию.
👉 400 - Bad Request. Был отправлен запрос, который сервер не может обработать (например в запросе передан не верный формат данных)
👉 401 - Unauthorized. В доступе отказано по причине отсутствия авторизации.
👉 404 - Not Found. Связь с сервером установлена но данных по запросу нет.
👉 500 - Internal Server Error. Внутренняя ошибка сервера, причин ошибки может быть множество.
Если вам нужны совсем-совсем все коды то вот ссылочка.
В общем как то так, думаю вам это пригодится.
🚀Продвинутые техники извлечения данных для достижения максимальной производительности
В этой статье мы поговорим на тему оптимизации производительности для масштабируемых систем.
Читать...
😎7 + 1 способ анимировать спиннер
В этой статье я рассмотрю разные способы анимации спиннера загрузки на сайте, который не будет тормозить и забирать больше ресурсов, чем сама задача.
Читать...
☕️ Разбираемся в алгоритме быстрой сортировки с помощью JavaScript
В этой статье мы рассмотрим, как работает алгоритм быстрой сортировки с помощью JavaScript с пошаговой иллюстрацией каждого шага.
Читать...
#frontend #career #meetup
Митап для начинающих IT-специалистов пройдет уже 16 декабря
Будет целый блок Frontend-лекций от разработчиков Газпромбанка, а еще расскажут, как прокачать IT-карьеру и многое другое.
Что в программе?
🔹 лекции, мастер-классы и воркшопы по Frontend-разработке и др.;
🔹 лайфхаки быстрого роста от джуна до сеньора;
🔹 прожарка резюме;
🔹 after-party и 🎁 мерч в подарок каждому участнику.
Участие бесплатное, но нужно зарегистрироваться!
📅 16 декабря
📍 Москва, ЦДП
🔗 Получить бесплатный билет
Реклама. БАНК ГПБ (АО). ИНН 7744001497.
На смену профессии решись, место обучения найди, три зарплаты за него заплати, потрать один год (а то и два), совмещай старую работу с учебой, попробуй не выгореть, над резюме поработай, проекты поделай, отправь 1000 и 1 отклик и услышь «рассматриваем только мидлов» — бесит, правда?
14 декабря в 13.00 в прямом эфире поговорим о том, как на самом деле работают IT-компании и обсудим, что нужно знать и уметь, чтобы быть джуном, которого компании хотят к себе в команду. Будут и аргументы, и советы, и, конечно, честные истории.
Расскажем много интересного, участие бесплатное.
Подробнее.
Реклама. ООО "ИНТЕРАКТИВНЫЕ ОБУЧАЮЩИЕ ТЕХНОЛОГИИ". ИНН 7807382880.
IT и высокая зарплата: Мифы, реальность, подводные камни
Коварство большой IT зарплаты в том, что она может быстро расти. А навык управления такими суммами может и не появится также быстро. Следует учитывать время и обстоятельства в которых мы живем. Навыки ИТ востребованы и еще доступны к изучению любому у кого есть интернет. В итоге может получиться резко вырваться из нищеты в комфорт и после бахнуться в еще большую яму.
В итоге вполне частое явление когда молодой айтишник с большой зарплатой в 100к‑ не способен откладывать систематически небольшую сумму, а его предки с зарплатой 30к успешно это делают. Почему так выходит?
Подробнее...
❓Как разработчику на JavaScript оптимизировать некоторые задачи?
Узнайте на бесплатном открытом уроке «Построение графических приложений с применением библиотеки Konva.js» от OTUS.
На вебинаре:
- научимся использовать konva;
- разработаем небольшое приложение;
- разберём отличия в разработке приложений на основе vdom и без него;
- научимся сочетать оба подхода к разработке фронта.
Занятие пройдёт 11 декабря в 20:00 мск и будет приурочено к старту курса «JavaScript Developer. Professional». После урока вы сможете продолжить обучение в рассрочку на специальных условиях.
Для бесплатного участия пройдите короткое тестирование прямо сейчас: https://clck.ru/3735KF
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8KMtAK
🥶Улучшаем возможности PM2 с помощью дополнительных модулей автоскейлинга и мониторинга
В этой статье я бы хотел рассказать о том, с какими трудностями пришлось столкнуться при работе с менеджером node.js процессов PM2, и как нам пришлось расширить его возможности для того, чтобы его было можно использовать эффективнее.
Читать...
🤔Почему код становится legacy?
В этой статье автор расскажет, почему разработка пользовательского интерфейса подвержена устареванию.
Читать...
🧐О JavaScript и WebAssembly
В этой статье мы поделимся с вами результатами с WebAssembly, которые я получил довольно неожиданно.
Читать...
👤Устраняем популярные изъяны в коде — чек-лист ошибок junior-разработчиков
В этой статье разберем наиболее популярные недостатки кода.
Читать...