Senior Frontend - javascript, html, css. Страница 67

Как изучить основы HTML и CSS за 5 занятий  HTML и CSS — служат основой каждого сайта, соцсети или интернет-магазина, которыми мы пользуемся каждый день. Знать их полезно не только веб-разработчикам, но и всем, кто работает с вебом — дизайнерам, контент-менеджерам, интернет-маркетологам и руководителям проектов.  На бесплатном курсе Нетологии «Основы вёрстки сайта» вы выполните 16 практических заданий и научитесь самостоятельно вносить изменения в HTML-код, верстать с нуля текстовые блоки, менять внешний вид отдельных элементов сайта с помощью CSS, а также готовить контент для публикации на сайте.

Зачем программисту знать английский язык? Работа без границ. Знание английского позволит вам работать с заказчиками по всему миру, а не ограничивать свой круг лишь русскоговорящими клиентами и компаниями работающими на русскоязычный сегмент. Своевременное развитие. Значительную часть профессиональной литературы, если и переводят на русский язык, то не сразу. Это означает, что вы получаете новые знания позже, чем те, кто знает английский. Также и на web-просторах: множество статей и материалов выходят только на английском языке. Чтобы не отставать от развития в мире программирования необходимо знать английский язык. Доступность любых средств разработки ПО. Интерфейс средств разработки может быть не русифицирован, и у вас могут возникнуть сложности в использовании определенных технологий. Кроме того, если вы начнете гуглить вопросы, относящиеся к определенным функциям средства, на форумах вас может никто не понять. 👉 @seniorFront

Liquid Radio Button Радио-кнопка, сделанная из svg картинки и анимированная библиотекой gsap. 👉 @seniorFront

👉 @seniorFront

Что такое и зачем нужны алгоритмы?🤔 Почти каждая третья вакансия для фронтендеров с опытом содержит в себе навык работы с алгоритмами в требованиях к соискателю. Отсюда вытекает вывод, что каждому разработчику необходимо понимание и навык работы с алгоритмами. Знание алгоритмов помогает писать более эффективный код, правильно выстраивать архитектуру проекта и отдельных модулей, а также отсеивать операции, ненужные для решения задачи. В статье редактор HTML Academy рассказывает: 1. Что такое алгоритмы и зачем они нужны? 2. Насколько востребованы навыки работы с алгоритмами? 3. Какие задачи решают с помощью алгоритмов? Переходите по ссылке и осваивайте навык работы с алгоритмами🚀

3D graph Анимированный 3Д график, созданный с использованием препроцессоров Haml и SCSS. 👉 @seniorFront

Don't give me five! Really! Вам даны два числа, представляющие собой промежуток. Создайте функцию, которая вернет количество чисел в этом промежутке, но при этом не включая число 5. Примеры: 1,9 -> 1,2,3,4,6,7,8,9 -> return 8 4,17 -> 4,6,7,8,9,10,11,12,13,14,16,17 -> return 12 👉 @seniorFront

Cards Carousel 3D карусель на чистом CSS. Переключение между слайдами реализовано при помощи radio-кнопок. 👉 @seniorFront

Протоколы TCP и UDP При разработке веб-приложения важно учитывать множество факторов, в том числе и как оно будет взаимодействовать с браузером пользователя. Передача данных между сервером и браузером опирается на протоколы транспортного уровня TCP и UDP. Знание о том, как они работают, позволяет оптимизировать передачу данных и улучшить пользовательский опыт. На практике TCP используется в случаях, когда необходимо гарантировать целостность и порядок приходящих данных в ущерб скорости их передачи. Это важно для обмена файлами (например, запрос на получение файлов разметки HTML или стилей CSS). UDP используется, если скорость важнее соблюдения подобных требований (например, доставка потокового аудио или видео). Гарантий доставки и порядка получения данных нет. 👉 @seniorFront

Команда Delivery Club поделилась своим опытом использования Module Federation. Этот плагин позволяет в миг комбинировать веб-приложение из отдельных небольших веб-компонентов или полноценных веб-приложений со своими маршрутами и хранилищем. В статье ребята рассказали не только про полезные фичи инструмента, но проблемы при загрузке динамических модулей. По ссылке подробный гайд с решением, что делать со скриптом в виде строки, как делать запрос внутри функции и упростить декларирование нескольких удалённых модулей.

Sliding Product Card В этом видео автор создает и анимирует раскрывающуюся карточку на HTML и CSS. 👉 @seniorFront

Planet Picker Небольшое приложение на JS, в котором реализован просмотр информации о планетах солнечной системы. 👉 @seniorFront

⚡️ Уголок Фронтендера - один из лучших каналов для веб-разработчиков Канал ведёт опытный Senior Frontend разработчик, который ежедневно публикует: — готовый код, который можно легко добавить к себе в проект — теорию / заметки по JS Поэтому, если ты хочешь стать востребованным специалистом в кратчайшие сроки, то обязательно подписывайся на @frontender_corner

Search Bar Необычное поле для поиска, сделанное из svg картинки, анимированной в CSS. 👉 @seniorFront

embed Это магический блок для вставки на страницу контента в сторонних форматах, которые браузер отображает с помощью плагинов. Чаще всего используется для видео- и аудиоконтента. Отображение вставленного контента будет зависеть от атрибутов тега <embed>, типа загружаемого контента и плагинов, установленных в браузере. Пример <embed src="sample.pdf" type="application/pdf"> 👉 @seniorFront

CSS Fingerprint Scanner В этом видео автор создает анимированный отпечаток пальца, реализованный из двух элементов, к которым задаются фоновые картинки. Затем анимируется высота этих элементов. 👉 @seniorFront

Product page Верстка страницы товара на HTML и CSS. При переключении цвета товара задействуется CSS анимация. 👉 @seniorFront

Movie App Концепция приложения-библиотеки фильмов, реализованная на Vue. 👉 @seniorFront