Frontend Developer
2.28K subscribers
276 photos
168 videos
19 files
422 links
Обучающие видео, готовый код, полезные ресурсы и статьи

Наш чат — https://t.me/+1lXro3gcUwM2YmY6

Сотрудничество – @argo_chat
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Принёс вам очередной интересный сайт — CodeAnalogies

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

Интерактивные уроки, иллюстрации, необычные сравнения — учиться становится не только проще, но и веселее 🦍

Держите: https://www.codeanalogies.com/

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍2🤔1
CSS_Master from scratch .pdf
1.6 MB
91 Вопросы и ответы на собеседовании по Css

🛑Что такое justify-content? (Свойство выравнивает элементы по главной оси: flex-start, flex-end, center и др.).
🛑Как работает правило @ media only screen and (max-width: 600px)?
🛑Как создать контейнер сетки? (Используйте display: grid; на элементе-контейнере).

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Уверен, каждый начинающий HTML-верстальщик, время от времени задаётся вопросом, можно ли вкладывать какой-либо HTML-тег в другой. Например, можно ли вложить img или div в тег абзаца p

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

🔗 Ссылка: https://caninclude.glitch.me/

👉 @byFrontDeveloper | #ресурс
👍42
Please open Telegram to view this post
VIEW IN TELEGRAM
😁6🤣3👍2🗿1
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Как создать плавающий ярлык ввода с помощью HTML и CSS | CSS Tutorial

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

📲 Cмотреть курс: тут

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🗿2🔥1
Это дорожная карта для структурированного изучения JavaScript.

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔4
This media is not supported in your browser
VIEW IN TELEGRAM
Вы можете просто использовать clear() для очистки консоли Chrome DevTools

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍2🔥21
This media is not supported in your browser
VIEW IN TELEGRAM
Нашел это шедевральное перетаскивание с помощью HTML, CSS и JavaScript

🔗 Код: тут

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
SQL за 2 минуты

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

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥2
Список с задачами для подготовки к SQL-интервью с различными базами данных:

1. [Database Basics](https://bit.ly/3zGK6S7)
2. [SQL Queries](https://bit.ly/3bGzN8r)
3. [MSSQL](https://bit.ly/3A5qIj0)
4. [MySQL](https://bit.ly/3bFkhtE)
5. [Postgres](https://bit.ly/3BOLLHP)
6. [Oracle](https://bit.ly/3zF2WsH)

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Полезный сайт, где можно конвертировать различные элементы — HTML в JSX, JavaScript в JSON, CSS в объекты JS и не только.

Может сильно сэкономить время, когда нужно срочно поменять формат.

🔗 Ссылка: https://transform.tools/

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Please open Telegram to view this post
VIEW IN TELEGRAM
CSS_Master from scratch --.pdf
1.6 MB
91 Вопросы и ответы на собеседовании по Css

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2
Краткий справочник (cheat sheet) по работе с Document Object Model (DOM). Он содержит основные методы и события DOM, разделенные на категории

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31
Что не следует говорить на собеседовании при приеме на работу.

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
CSSNotesForProfessionals.pdf
3 MB
Заметки по Css для профессионалов

➡️ @byFrontDeveloper | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM