Руководство по работе с терминалом для фронтенд-разработчика
Автор собрал и представил в руководстве свои любимые советы и приемы, которые позволяют максимально эффективно использовать терминал для работы с современными JS-фреймворками и не только.
Читать
Автор собрал и представил в руководстве свои любимые советы и приемы, которые позволяют максимально эффективно использовать терминал для работы с современными JS-фреймворками и не только.
Читать
Joshwcomeau
The Front-End Developer's Guide to the Terminal • Josh W. Comeau
If you want to learn a modern JavaScript framework like React or Angular, you better be familiar with the terminal! So many frameworks and tools assume that you're proficient with it, without ever explaining it. This blog post is your missing manual, covering…
✂️ Разбираем на практике, как обрезать или изменить размер изображения с помощью JavaScript.
https://proglib.io/w/d66c8018
https://proglib.io/w/d66c8018
Code Envato Tuts+
How to Crop or Resize an Image With JavaScript
This tutorial will show you how to crop or resize an image with JavaScript using the canvas API.
Разработка многостраничного сайта без использования фреймворков: мини-курс от freeCodeCamp.
https://proglib.io/w/e33edf37
https://proglib.io/w/e33edf37
YouTube
HTML & CSS Project Tutorial - Build a Recipes Website
In this HTML and CSS project tutorial, you will improve your HTML and CSS skills by building a recipes website.
💻 Code: https://github.com/john-smilga/html-css-simply-recipes
✏️ Course from John Smilga of Coding Addict. Check out his channel: https://…
💻 Code: https://github.com/john-smilga/html-css-simply-recipes
✏️ Course from John Smilga of Coding Addict. Check out his channel: https://…
Подборка простых советов, которые помогут оптимизировать CSS и JavaScript для быстрой загрузки страниц.
Builder.io
The Complete Guide to Optimizing CSS for Fast Page Loads
Just like unoptimized images and JavaScript, unoptimized CSS can block rendering, delay interactivity, and harm user experience.
This media is not supported in your browser
VIEW IN TELEGRAM
Одно из главных в обучении фронтенд-разработке — это непрерывная практика и навыки, нужные бизнесу. Чем раньше нырнешь с головой в продакшен, тем быстрее почувствуешь себя уверенно на рынке труда.
Изучите JavaScript, HTML и CSS, фреймворки React+Redux Toolkit и сопутствующую инфраструктуру на реальных кейсах, наполните портфолио готовыми веб-приложениями и пройдите оплачиваемую стажировку в проектах ИТ-кластера Ростелеком.
🚀65% наших выпускников получают оффер на первых 5 собеседованиях: https://bit.ly/3xKjkJi
Начните учиться прямо сейчас, чтобы оценить формат!
Изучите JavaScript, HTML и CSS, фреймворки React+Redux Toolkit и сопутствующую инфраструктуру на реальных кейсах, наполните портфолио готовыми веб-приложениями и пройдите оплачиваемую стажировку в проектах ИТ-кластера Ростелеком.
🚀65% наших выпускников получают оффер на первых 5 собеседованиях: https://bit.ly/3xKjkJi
Начните учиться прямо сейчас, чтобы оценить формат!
Да будет холивар: почему async/await в JavaScript делает код более сложным.
https://proglib.io/w/6b191190
https://proglib.io/w/6b191190
Medium
Why I avoid async/await
Whatever your stance on async/await, I’d like to pitch to you on why, in my experience, async/await tends to make code more complicated…
Пошаговое руководство по использованию JavaScript для расстановки элементов на веб-странице.
https://proglib.io/w/6c1342d9
https://proglib.io/w/6c1342d9
NOP::Nuances of programming
Как использовать JavaScript для расстановки элементов на веб-странице
Вы когда-нибудь видели веб-страницы с абсолютно хаотичной расстановкой элементов? Сложно сфокусироваться, да? К счастью, если очень захотеть, то их можно расставить в нужном порядке с помощью JavaScript!
Разбор пяти методов, которые позволяют избежать ненужный повторный рендеринг в компонентах React.
https://proglib.io/w/d0ce8737
https://proglib.io/w/d0ce8737
Medium
5 Ways to Avoid React Component Re-Renderings
How to Avoid Unnecessary Re-rendering in React
Из чего состоит TypeScript, и какие могут быть сложности с каждой из его особенностей
Если вы сомневаетесь, стоит ли использовать TypeScript — эта статья для вас, чтобы вы смогли для себя всё решить. Если вы уже любите и используете TypeScript, то вам тоже будет интересно.
https://proglib.io/w/2b304ee2
Если вы сомневаетесь, стоит ли использовать TypeScript — эта статья для вас, чтобы вы смогли для себя всё решить. Если вы уже любите и используете TypeScript, то вам тоже будет интересно.
https://proglib.io/w/2b304ee2
Хабр
TypeScript: худший лучший язык программирования
На конференции FrontedConf 2021 Андрей Старовойт показал плюсы и минусы TypeScript. Если вы сомневаетесь, стоит ли его использовать — эта статья для вас, чтобы вы смогли для себя всё решить. Если вы...
Приглашаем разработчиков на пятую встречу Frontend Mix от ЮMoney 🤩
Фронтендеры из финтеха расскажут про:
▫️погружение в React 18;
▫️стандартизирование фронтовых приложений;
▫️управляемые формы JSON;
▫️генерацию готовых React-компонентов иконок;
▫️фишки грамотного технического интервью.
Поделитесь с друзьями 🙌🏻
Все подробности — на сайте:
https://events.yoomoney.ru/frontend-mix_2022
Чтобы посмотреть митап, зарегистрируйтесь.
Фронтендеры из финтеха расскажут про:
▫️погружение в React 18;
▫️стандартизирование фронтовых приложений;
▫️управляемые формы JSON;
▫️генерацию готовых React-компонентов иконок;
▫️фишки грамотного технического интервью.
Поделитесь с друзьями 🙌🏻
Все подробности — на сайте:
https://events.yoomoney.ru/frontend-mix_2022
Чтобы посмотреть митап, зарегистрируйтесь.
☕📚 Методы массивов в JavaScript для новичков: советы, рекомендации и примеры
В этой статье мы рассмотрим важные методы массивов, которые необходимы каждому JS-разработчику: от инициализации, фильтрации и перебора массива до многомерных массивов.
https://proglib.io/sh/bOlBKxXTmZ
В этой статье мы рассмотрим важные методы массивов, которые необходимы каждому JS-разработчику: от инициализации, фильтрации и перебора массива до многомерных массивов.
https://proglib.io/sh/bOlBKxXTmZ
Несколько аспектов, которые могут быть «не очень очевидными» при работе с веб-компонентами.
https://proglib.io/w/103f52fe
https://proglib.io/w/103f52fe
daverupert.com
7 Web Component Tricks
This week I finished my Frontend Masters Web Components Course. To market it celebrate that accomplishment, I wanted to share ~7 tips and tricks I’ve learned preparing my course or I feel aren’t super obvious about Web Components.
Системные знания и практику по Frontend не заменить информацией из интернета, а хорошие курсы стоят дорого, но!
В Kata Academy можно выучиться на Frontend-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты.
Если задуматься, то все в выигрыше 👉
—Ты получаешь работу с хорошей зарплатой, мы получаем процент за инвестиции в тебя и продолжаем прокачивать твои навыки еще 2 года;
— в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше;
— мы развиваем твои навыки и после курсов: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут;
— мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов.
Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку!
В Kata Academy можно выучиться на Frontend-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты.
Если задуматься, то все в выигрыше 👉
—Ты получаешь работу с хорошей зарплатой, мы получаем процент за инвестиции в тебя и продолжаем прокачивать твои навыки еще 2 года;
— в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше;
— мы развиваем твои навыки и после курсов: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут;
— мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов.
Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку!
Тестирование JavaScript-проектов: от теории к практике
В статье представлено введение в тестирование и затронуты отдельные аспекты реализации тестирования в JavaScript-проектах с использованием Jest, Testing library, Cypress и Supertest.
https://proglib.io/w/803d5472
В статье представлено введение в тестирование и затронуты отдельные аспекты реализации тестирования в JavaScript-проектах с использованием Jest, Testing library, Cypress и Supertest.
https://proglib.io/w/803d5472
freeCodeCamp.org
How to Test Your Apps using Jest, Testing Library, Cypress, and Supertest
Hi everyone! In this article we're going to talk about testing. I'll give you a good overview of what testing is and an introduction of how you can implement it on your JavaScript projects. We'll use four very popular tools – Jest, Testing library, C...
Бэкенд-разработчик, впервые использующий CSS
Знакомимся с внутренними особенностями работы пакетных менеджеров и пишем простой пакетный менеджер на Node.js и TypeScript.
https://proglib.io/w/db56b7f7
https://proglib.io/w/db56b7f7
Хабр
Node.js: разрабатываем пакетный менеджер
Привет, друзья! Вам когда-нибудь хотелось узнать, как под капотом работают пакетные менеджеры (Package Manager, PM) — интерфейсы командной строки (Command Line Interface, CLI) для установки...