​​Что такое VCS (система контроля версий) 🔎

Система контроля версий (от англ. Version Control System, VCS) — это место хранения кода. Как dropbox, только для разработчиков! Она заточена именно на разработку продуктов. То есть на хранение кода, синхронизацию работы нескольких человек, создание релизов (бранчей)... статья подробно расскажет, как VCS работает — что значит "создать репозиторий", "закоммитить и смерджить изменения", и другие страшные слова.

Читать: https://habr.com/ru/post/552872/

#work

​​Еще не используешь SVG фавиконки? 😑

Тебе нужно использовать SVG фавиконки. Они поддерживаются во всех современных браузерах (Ну почти во всех).

Кроме того, не нужны все эти ссылки на значки и размеры, которые ты копируешь из проекта в проект. Давайте узнаем, какой абсолютный минимум для этого требуется.

Читать: https://habr.com/ru/post/552900/

#work

ТОП-6 ошибок при верстке адаптива сайта ⚠️

Недавно я анализировала ваши конкурсные работы с адаптивом сайта и пришла к выводу, что есть группа ошибок, которые повторяются от сайта к сайту.

Специально для вас и для будущих конкурсных работ я решила записать это видео, чтобы вы в дальнейшем не совершали ошибок и, возможно, поправили свои текущие работы.

✅ Смотреть - https://youtu.be/1gVQxmwfQsA

#адаптив

Завтра последний день ⚡️

Если вы ещё не успели сдать работы к конкурсу - поторопитесь. Завтра (весь день включительно) последний день, когда вы можете отправить заявку на участие.

Видео - https://youtu.be/oxQpayexHnI

Нужно доделать сайт до конца и сделать адаптив. Остальные условия по отправке работ описаны в видео на Ютуб в описании.

Победитель получит 5000 руб на карту и мы опубликуем работу участника также в описание к видео.

​​Заметка о том, как работают хуки в React 😎

Данная статья расскажет о том, как работает React, а именно: предположениями о том, почему хуки нельзя использовать в if, циклах, обычных функциях и т.д. И действительно ли их нельзя использовать подобным образом? Вопрос звучит следующим образом: почему хуки можно использовать только на верхнем уровне?

Читать: https://habr.com/ru/post/553104/

#react

​​Советы по написанию чистого кода React-компонентов 😎

Статья содержит советы, которые помогают делать чище код React-компонентов и создавать проекты, которые масштабируются лучше, чем прежде.

Читать: https://habr.com/ru/company/ruvds/blog/553068/

#react

Собрала ссылки в единый файл https://docs.google.com/spreadsheets/d/1rEgvXcQCbiWphEIa-YmWzAFbFHOk8OGiGr_6SmOFKQI/edit?usp=sharing Результаты обозначу, как можно скорей по мере загруженности 🤗

Верстка сайта с Bootstrap 🖥

Как верстать с Bootstrap 5 макеты от веб-дизайнеров? Покажу наглядно на примере одного блока, как вы можете совместить стили CSS-фреймворка и свои собственные стили CSS.

Смотреть - https://youtu.be/6ntMs1pylZs

#bootstrap

​​Первое знакомство с SQL-инъекциями 🤔💉

SQL-инъекции (SQL injection, SQLi, внедрение SQL-кода) часто называют самым распространённым методом атак на веб-сайты. Их широко используют хакеры и пентестеры в применении к веб-приложениям. В списке уязвимостей OWASP Топ-10 присутствуют SQL-инъекции, которые, наряду с другими подобными атаками, находятся на первом месте среди угроз, с которыми сталкиваются веб-проекты.

Читать: https://habr.com/ru/company/ruvds/blog/553066/

#work

Майские - это отличный повод не только для отдыха, но и прокачки знаний 🔥

Мы решили, что было бы здорово поделиться с вами скидкой на ВСЕ обучающие материалы! Курсы, марафоны - всё можно приобрести со скидкой на нашем сайте.

Перейти 👉 http://frontendblok.com/

Обратите внимание, что сейчас у нас повышенная скидка на марафон по Email верстке. Знаний по этой теме позволят вам зарабатывать дополнительно. Техника верстки email сильно отличается от верстки сайтов, поэтому рекомендуем! 👍

P.S. Также скидки вы увидите и на учебной платформе, если вы уже являетесь нашими учениками. После оплаты курс или марафон сразу появится на вашей учетной записи. Всех с праздником! ❤️

​​Основы управления памятью в JavaScript: как это работает и какие проблемы могут возникнуть 😑

Большинство разработчиков редко задумываются о том, как реализовано управление памятью в JavaScript. Движок обычно делает все за программиста, так что последнему нет смысла размышлять о принципах функционирования механизма управлением памятью.

Но рано или поздно разработчикам все же приходится разбираться с проблемами, связанными с памятью — например, утечками. Ну а разобраться с ними получится лишь тогда, когда есть понимание механизма выделения памяти. Эта статья и посвящена объяснениям. В ней также есть советы о самых распространенных видах утечек памяти в JavaScript.

Читать: https://habr.com/ru/company/skillbox/blog/554018/

#javascript

​​Kак мы решили проблемы с z-index 😃

Статья предлагает возможное решение некоторых багов, связанных с z-index в проектах на React.

Читать: https://habr.com/ru/post/553592/

#react

​​Адаптивный дизайн как антипаттерн 😎

Наверное вы частно сталкивались с поведением вёрстки сайта, когда размер браузера меняется на несколько пикселей. Поведение, при котором исходный, скажем, трёхколлоночный макет перестраивается в одноколоночный, при чём ломается, как визуальная, так и семантическая структура сайта. В последние лет десять веб-страницы стали реагировать на такое предпочтение так, будто пользователю нужна мобильная, функционально урезанная версия страницы. Здесь кроется большая проблема, и не одна.

Читать: https://habr.com/ru/company/macloud/blog/554650/

#work

​​Как обеспечить глассморфизм с помощью HTML и CSS 😎

Вы, наверное, подумаете — ну вот еще один тренд дизайна? Разве они у нас не каждый год появляются или около того?

В прошлом году мы познакомились с нейморфизмом, который до сих пор является довольно спорным трендом, который так и не получил широкого распространения. Реакция была неоднозначной, кому-то это очень понравилось, а кому-то совершенно не понравилось.

Но давайте поговорим немного больше о глассморфизме.

Читать: https://habr.com/ru/company/otus/blog/554646/

#css #html

Подробности тут - https://www.youtube.com/post/UgyWjIMwqV401j1OxYh4AaABCQ

​​Полезные JavaScript-библиотеки 😃

Не стоит недооценивать силу простоты. Пожалуй, сложно представить себе, что на чистом JavaScript реализовано что-то вроде системы push-уведомлений, работающей в реальном времени, или инструмент для работы с базами данных, или полноценный текстовой редактор. Но подобные проекты существуют и позволяют решать множество актуальных задач. В этом материале речь пойдёт о нескольких весьма полезных библиотеках, которые подключаются к страницам в виде обычных JavaScript-файлов.

Читать: https://habr.com/ru/company/ruvds/blog/554286/

#javascript

​​VueUse — обязательная библиотека для Vue 3 🤔

Для тех, кто незнаком с этой библиотекой, будет полезно узнать о ней, так она может де-факто стать стандартом для использования в проектах на Vue 3, как, например, в свое время была библиотека lodash для почти любых проектов на js. Арсенал библиотеки впечатляет, тут и простые утилиты вроде клика вне элемента, и различные интеграции с Firebase, Axios, Cookies, QR, локальным хранилищем, браузером, RxJS, анимации, геолокации, расширения для стандартных Vue-хуков, медиа-плеер и многое другое. В этой статье будет рассказано только о 3 фичах, но, безусловно, и все остальные нуждаются во внимании.

Читать: https://habr.com/ru/post/553470/

#vue

Скидки на все обучающие материалы только до 10 мая 🔥

Мы решили, что было бы здорово поделиться с вами скидкой на ВСЕ обучающие материалы в рамках майских праздников! Курсы, марафоны - всё можно приобрести со скидкой на нашем сайте.

Перейти 👉 http://frontendblok.com/

Обратите внимание, что сейчас у нас повышенная скидка на марафон по Email верстке. Знаний по этой теме позволят вам зарабатывать дополнительно. Техника верстки email сильно отличается от верстки сайтов, поэтому рекомендуем! 👍

P.S. Также скидки вы увидите и на учебной платформе, если вы уже являетесь нашими учениками. После оплаты курс или марафон сразу появится на вашей учетной записи. Всех с праздником! ❤️

​​Контейнерные запросы в CSS 🤔

О контейнерных запросах запомнилось много шуток, но они, наконец, здесь. Предлагаем вниманию статью, в которой рассказывается зачем нам нужны контейнерные запросы, как они облегчат нашу жизнь, и, самое важное, ваши компоненты и макеты станут мощнее.

Читать: https://habr.com/ru/company/skillfactory/blog/554434/

#css

⚡️ Сегодня последний день скидок на обучение!

В конце дня по московскому времени цены вернутся обратно! Сейчас курсы и марафоны можно приобрести со скидкой на нашем сайте.

Перейти 👉 http://frontendblok.com/