Code Ready | Frontend

«Всем нравится обучать программированию и информатике»: пост для репетиторов и тех, кто хоть раз задумывался ими стать Все мы привыкли воспринимать репетиторство, как хобби или подработку. На самом деле, каждый из наших учеников и подписчиков может сильно преуспеть в этой сфере и сделать её основной статьей дохода. И, самое главное, сделать вклад в будущее школьников и студентов, которые только в начале своего пути в IT. Прочитайте эту статью👉: https://t.me/mishaberezovoy Автор статьи — Михаил Березовой. Студент факультета компьютерных наук ВШЭ, олимпиадник. За 5 лет репетиторства он разработал систему, которой пользуются все начинающие репетиторы, а действующие с её помощью сокращают время работы и увеличивают доход. Его советам точно можно доверять, читайте даже не задумываясь. ЗАБРАТЬ СТАТЬЮ

Tabler Icons – набор из более чем 5250 бесплатных высококачественных SVG-иконок, которые вы можете использовать в своих проектах ⛓ Ссылочка: https://tabler.io/icons ➡️ @code_ready | #ресурсы

👩‍💻 Сохраняйте полезную статью на Habr! Там показывают полезные материалы для веб-разработчиков, такие как: • learn.javascript • MDN Web Docs • Фронтенд — это не больно • Eloquent JavaScript • Frontend masters ➡️ @code_ready | #статья

✅ Вписывание изображения в область Свойство object-fit позволяет управлять тем, как содержимое вписывается в размеры элемента. Может принимать значение: • fill — растягивает изображение на всю область • contain — встраивает изображение с сохранением соотношений сторон • cover — встраивает изображение с сохранением соотношений сторон, но обрезает его по размеру области • none — размер замененного содержимого не изменяется • scale-down — приведет к меньшему размеру конкретного объекта ➡️ @code_ready | #свойство #css

😱Думаешь, идти ли в 10 класс? Поступай на элитное направление в «Алабуга Политех»! 🔹Объявляем набор на обучение по дуальной системе в крупнейший образовательный центр «Алабуга Политех» на престижное направление «Аэронавигация и программирование БПЛА» 🔹Это уникальная возможность получить востребованную специальность и начать зарабатывать уже с первого курса! Почему стоит выбрать именно это направление? 💠Востребованность: cпециалисты аэронавигации и программирования БПЛА нужны во многих отраслях 💠Возможность зарабатывать до 260 000 рублей уже с первого курса 💠Комфортное проживание в современных ЖК ▶️С первого курса ты получишь официальное трудоустройство на современном производстве, где будешь практиковаться под руководством опытных инженеров-наставников. Не упусти свой шанс начать успешную карьеру. Подай заявку на поступление в «Алабуга Политех»

Ребятки) нравятся такие посты? С шаблонами, красиво оформленные? Это новый формат, если продолжать, ставьте под каждым постом 👍🔥 реакции, спасибо! Поделились постом, поставили реакцию, и кайфуете от контента 😁

👩‍💻 Настраиваемая маска в CSS Cвойство mask устанавливает изображение, которое используется как слой маски для элемента. Принимаемые аргументы: • mask-clip — определяет область, на которую распространяется маска • mask-size — определяет размер маски • mask-position — размещает маску относительно элемента • mask-repeat — указывает, что маска должна повторяться/не повторятся • mask-composite — представляет собой операцию композиции, используемую для текущего слоя маски с расположенными под ним слоями • mask-mode — определяет, будет ли ссылка на маску • mask-origin — задает начало координат маски. ➡️ @code_ready | #свойство #css

👩‍💻 Теперь JavaScript можно легко выучить по гайдам в картинках Хватит думать, что JS сложный. Это всего лишь набор инструкций для решения задач. В канале Гайды по JavaScript эти инструкции представлены в простых и понятных картинках Подписывайся и развивайся, уделяя всего 5-10 минут в день. Дерзай: @guides_js

👩‍💻 Как работает window,open в JS? Функция window,open: метод объекта window позволяет открыть ссылки в новом, всплывающем окне или новой вкладке (в зависимости от введённого параметра) Она имеет три варианта использования, давайте их разберём: • windows,open() — Позволяет открыть пустое окно без URL. Первая строка на нашем фото. • window,open("", "", "width=300,height=200") — Если после свойства указать название окна и размеры, то кнопка откроет попап окно с размерами указанными здесь же. • window,open('https://gmail.com', '_parent') — Позволяет открыть необходимое окно прямо на этой странице (она является родительской). ➡️ @code_ready | #функция #js

➡️ @code_ready | #мем

Появился канал, в котором можно с нуля научиться фронтенду Frontend.school() — это место, где простым языком объясняются сложные вещи из мира фронтенд-разработки. Если вы давно хотели начать, но боялись, то с этим каналом у вас точно всё получится! А ещё сейчас там проходит розыгрыш полезного гаджета для каждого айтишника. Скорее заходите и подписывайтесь, чтобы успеть. Фронтендерами становятся тут: @frontend_school

👨‍💻 Всплывающее уведомление с индикатором выполнения Реализовано на HTML, CSS и JS ⛓ Ссылочка: https://codepen.io/code_ready/pen/yLdeqVo ➡️ @code_ready | #кодпен

👩‍💻 Настраиваемый перенос строки Часто ли у вас возникала проблема, что большой объем текста с длинными словами выходит за рамки контейнера? Вместо того, чтобы задавать переносы вручную, можно воспользоваться свойством hyphens. Оно позволяет позволяет задавать перенос строки по значению: • auto — автоматически, в зависимости от языка • none — без переносов • manual — настраиваемое вручную Не забудьте указать значение языка в теге <html lang> для корректной работы свойства. ➡️ @code_ready | #свойство #css

Портфолио, которое хотят видеть рекрутеры Не тратьте время на пет-проекты. Сделайте проект на микросервисной структуре на Kafka и заберите свой оффер в крупную IT-компанию. Все потому что проект не должен быть стандартным crud-приложением, а иметь в основе то, чего ждет каждый работодатель – микросервисы. Ребята из FAANG School подготовили полезную лекцию, где расскажут, как собрать идеальный проект для портфолио: – что ждет работодатель и какие темы выбрать для проекта – какой стек технологий самый востребованный – как перейти от древнего монолита к современным микросервисам – когда и зачем добавлять Kafka в проект-портфолио Участников ждут подарки: классный мерч, полезные материалы, возможность пройти индивидуальную карьерную сессию и грант на обучение. Переходите и забирайте Большую Шпаргалку по Kafka с подробной информацией об основных концепциях, характеристиках и способах использования одной из самых популярных технологий в разработке.

👩‍💻 Вопрос с собеседования Что такое замыкание (closure) в JavaScript и как оно работает? Ответ: Замыкание — это функция, которая сохраняет доступ к переменным из своего внешнего окружения, даже после завершения выполнения этой внешней функции. 1. Запоминание контекста: Когда функция создается, она запоминает все переменные из своей области видимости. Эти переменные доступны функции даже после завершения работы внешней функции. 2. Приватные переменные: Замыкания позволяют создавать приватные переменные, которые нельзя изменить или увидеть снаружи функции. Это делает код более безопасным и организованным. 3. Постоянные данные: Замыкания позволяют функциям сохранять состояние между вызовами. Например, счетчики или кэшированные значения. 4. Асинхронные операции: Замыкания часто используются в асинхронном коде, чтобы сохранить доступ к переменным из внешнего контекста при выполнении асинхронных задач, таких как таймеры или запросы. Замыкание используется для:

• Использования в качестве приватных переменных • Обработки событий и калбеков • Реализации фабричных функций • Рекурсии

➡️ @code_ready | #собеседование #js

👩‍💻 Вопрос с собеседования Что такое замыкание (closure) в JavaScript и как оно работает? Ответ: Замыкание — это функция, которая сохраняет доступ к переменным из своего внешнего окружения, даже после завершения выполнения этой внешней функции. 1. Запоминание контекста: Когда функция создается, она запоминает все переменные из своей области видимости. Эти переменные доступны функции даже после завершения работы внешней функции. 2. Приватные переменные: Замыкания позволяют создавать приватные переменные, которые нельзя изменить или увидеть снаружи функции. Это делает код более безопасным и организованным. 3. Постоянные данные: Замыкания позволяют функциям сохранять состояние между вызовами. Например, счетчики или кэшированные значения. 4. Асинхронные операции: Замыкания часто используются в асинхронном коде, чтобы сохранить доступ к переменным из внешнего контекста при выполнении асинхронных задач, таких как таймеры или запросы. Замыкание используется для:

• Использования в качестве приватных переменных • Обработки событий и калбеков • Реализации фабричных функций • Рекурсии

➡️ @code_ready | #собеседование #js

И сразу хочу вас спросить) Как вам данный пост? А новый шаблон? Если хотите почаще видеть подобные посты, ставьте реакцию 👍🔥