Frontend разработчик

2023-04-24 09:09:10 Elevator Saga The elevator programming game

Игра для изучения JavaScript. Ваша задача - запрограммировать движение лифтов, написав программу на языке JavaScript.

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

http://play.elevatorsaga.com/

@frontend_1 Открыть/Комментировать

2023-04-22 09:46:48 Псевдокласс :auto-fill в CSS позволяет нам стилизовать элементы , которые содержат контент, автоматически заполняемый браузером.

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

https://css-tricks.com/almanac/selectors/a/autofill/

@frontend_1 Открыть/Комментировать

2023-04-20 11:10:02 Как вырасти от junior до middle? Middle-специалист отличается не только опытом и уровнем владения технологиями, но и софт скилами. Курс Яндекс Практикума «Мидл фронтенд-разработчик» составлен так, чтобы вы могли освоить и то, и другое а ещё:
• разработать мессенджер, используя только JavaScript, Typescript, CSS и API браузера;
• познакомиться с теорией и отработать её на практике в больших проектах;
• научиться брать ответственность за решения и вкладываться в общий результат;
• самостоятельно декомпозировать задачи и распределять время;
• исследовать смежные сферы программирования, без которых невозможен фронтенд:
• информационную безопасность, прототипирование интерфейсов, командную работу, DevOps, ООП.
На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.
Начать учиться: https://practicum.yandex.ru/middle-frontend/ Открыть/Комментировать

2023-04-20 09:01:48 Безопасная проверка URL-адресов JavaScript

Когда разработчикам необходимо обрабатывать URL в различных формах для различных целей - таких как навигация по истории браузера, привязанные цели, параметры запроса и так далее - мы часто обращаемся к JavaScript. Однако его частое использование побуждает злоумышленников использовать его уязвимости. Именно поэтому мы должны внедрить проверку URL в наши JavaScript-приложения.

https://snyk.io/blog/secure-javascript-url-validation/

@frontend_1 Открыть/Комментировать

2023-04-20 00:30:49 Создание чата - браузерные уведомления с помощью React, Websockets и Web-Push

О чем эта статья?
Все мы сталкивались с чатами в Интернете, это может быть Facebook, Instagram, Whatsapp и так далее.
Просто чтобы дать немного контекста, вы отправляете сообщение человеку или группе, они видят сообщение и отвечают на него. Просто и в то же время сложно.

https://dev.to/novu/building-a-chat-browser-notifications-with-react-websockets-and-web-push-1h1j

@frontend_1 Открыть/Комментировать

2023-04-18 11:54:37 Полное руководство по CSS-сетке, в котором рассматриваются все настройки как для родительского контейнера сетки, так и для дочерних элементов сетки.

https://css-tricks.com/snippets/css/complete-guide-grid/

@frontend_1 Открыть/Комментировать

2023-04-17 17:34:01 Для начинающих веб-разработчиков в 2023

Этап 1 - HTML
Этап 2 - CSS
Этап 3 - Git+GitHub
Этап 4 - Небольшой проект
Этап 5 - JavaScript
Этап 6 - React ||VueJS||Svetle
Этап 7 - Проект
Этап 8 - Node.js
Этап 9 - MongoDB
Этап 10 - API
Этап 11 - сложный проект

– Full Stack developer

@frontend_1 Открыть/Комментировать

2023-04-17 10:55:05 JS-разработчик?

А насколько хорошо ты знаешь Vue.js? JS-разработчик? А насколько хорошо ты знаешь Vue.js?

Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js Developer" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене!

Время прохождения теста ограничено 30 минут

ПРОЙТИ ТЕСТ: https://otus.pw/9Plx/

Курс доступен в рассрочку.

Пройдете успешно тест, получите доступ к открытым урокам курса.

Реклама. Информация о рекламодателе на сайте www.otus.ru Открыть/Комментировать

2023-04-17 09:28:43 HTML / CSS Совет

Свойство border-image-source позволяет использовать градиент для границы элемента.

@frontend_1 Открыть/Комментировать

2023-04-16 12:31:00 Оптимизация видеофона с использованием CSS и JavaScript

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

https://blog.logrocket.com/optimizing-video-backgrounds-css-javascript/

@frontend_1 Открыть/Комментировать