Frontender's notes. Страница 17

​​💪7 интересных API на JavaScript для создания веб-сайтов, о которых вы (скорее всего) не знали В этой статье вы рассмотрите некоторые полезные веб-API, которые могут помочь вам поднять ваш сайт до небес! Читать...

​​🍪Градиентные тени на CSS В этой статье автор расскажет как сделать тени из градиентов, а не из сплошных цветов. Читать...

​​💯Безопасная разработка в HTML В этой статье автор расскажет о безопасной разработке в таких инструментах фронтенд разработки, как язык разметки HTML.  Читать...

​​🤔Angular. Работа с template-driven формами Разработчики angular, как правило знают, что для работы с формами существует два подхода: reactive forms и template driven forms. Также, хорошо известно, что для работы с формами разработан такой функционал как валидация, однако исчерпывающе описано его применения для подхода reactive forms. В статье вы рассмотрите как можно получить те же преимущества для template driven подхода. Читать...

Всем, привет👋 Проводим небольшое исследование по просьбе одной уважаемой компании: хотим выяснить, кого вы считаете мировым лидером среди технологических компаний.  Поделитесь своим мнением — а мы потом поделимся результатами.  Пройти короткий (всего 2 вопроса, займет меньше минуты) опрос можно вот тут

​​💻3D-сердце на Three.js В этой статье вы узнаете как определить, изменить и показать 3D-модель в браузере. Углубитесь в технические детали и посмотрите, как отрисовать сцену, построить и визуализировать пользовательскую модель и управлять камерой, чтобы любоваться анимированной моделью во всей ее красе. Читать...

​​🤔Что должен уметь Frontend разработчик в 2023 году Статья посвящена обзору того, что должен знать Frontend разработчик разного уровня в 2023 году. Читать...

​​✅ChatGPT  Telegram бот обновился! Для всех, кто еще не попробовал новую модель GPT4, рекомендуем бота абсолютно бесплатно у нас в закрепе. Поможет написать код, диплом, придумает шутку и станет незаменимым помощником в любых задачах! Бот в закрепе: @Chatgpturbobot

​​🌐CSS сolor-сontrast(): пошаговое руководство В этом руководстве автор расскажет о том, как свойство CSS сolor-contrast() помогает разрабатывать доступные пользовательские интерфейсы. Читать...

​​🤔Что нового в Chrome 111? В этой статье вы погрузитесь в браузер Chrome 111 и узнаете, что в нем нового. Читать...

​​🔥Встраивание WebGL в HTML-страницу с помощью Three.JS В данной статье вы рассмотрите совмещение WebGL‑анимации с прокруткой страницы HTML, используя библиотеку Three.js. Работа с ней во многом схожа с работой 3D‑редактора (3ds Max, Maya, Blender и т. д.). Для получения результата в виде картинки или анимации необходимо создать сцену, поместить в нее камеру, создать примитив (геометрию или 3D‑модель), создать источник освещения и запустить процесс рендеринга. Читать...

​​Ты понимаешь, что в IT крутятся большие деньги и возможности, но переживаешь, что не потянешь такое сам?  Что на счет того, чтобы не платить за кота в мешке, а только за гарантированный результат — твое трудоустройство по специальности? Например, Frontend-разработчиком. Почему Фронтенд? Потому что и прибыльно, и всегда востребовано!  Чтобы быть уверенным, что деньги за обучение потрачены не зря — записывайся на курс от Kata Academy. Для поступления к ним не требуются деньги. Вообще. Оплата обучения проходит только (!) после твоего трудоустройства по специальности. Плюс Kata гарантирует договором минимальную зарплату ОТ 80 тысяч в месяц!. А не смог устроиться на работу — тоже ничего не платишь! И да, оба этих пункта есть в договоре! Если хочешь стабильную работу и высокую зарплату, курс по Frontend-разработке — то, что нужно. Записывайся по ссылке: https://clck.ru/33mQob

​​💪6 простых принципов написания приложения на Vue, которое легко поддерживать (часть 2) Эта статья посвящена правилам, которые помогают упростить поддержку и расширение приложений на Vue. Тут автор рассказывает, как организовать хранение компонентов, стилей и плагинов, когда использовать стор и полезные функции Vue. Читать...

​​🚀6 простых принципов написания приложения на Vue, которое легко поддерживать (часть 1) В этой статье автор поделится правилами, которых придерживается он сам в работе и которые помогают упростить поддержку и расширение приложения. Мы рассмотрим, как организовать хранение компонентов, стилей и плагинов, когда использовать стор и полезные функции Vue. Читать...

​​👨‍💻Основы фронтенд-разработки: фреймворки, DOM-дерево, взаимодействие с бэкендом Современная сфера веб-разработки пестрит всевозможными технологиями и инструментами, среди которых новичок может легко растеряться. Статья посвящена общему обзору принципов фронтенд- и бэкенд-разработки, а также знакомит начинающих с наиболее актуальными инструментами и навыками, которые им потребуются для успешного продвижения по карьерному пути. Читать...

Всем привет! Кажется, что новые решения выходят каждый день, а про кодинг - буквально каждый час. Из всего многообразия информации сложно выудить для себя что-то новое и интересное, и лучше всего, когда эти знания можно применить в работе. Ни для кого не секрет, что написать рабочий код — это половина работы. Вторая половина — доставить код в продакшен и запустить на него трафик. А это еще те круги ада. Послушайте этот подкаст – в докладе классно то, что на примерах объясняется какие проблемы приходится решать и как пробиться через все неприятности, пользуясь разными инструментами. Очень рекомендую послушать.

​​Оптимизируем изображения в HTML Допустим, у вас есть классная страница и вы добавляете фоновое изображение: .hero { /* 🚩 */ background-image: url('/image.png'); } С точки зрения производительности страницы — это не лучший вариант. В статье узнаете, какие есть на это причины. Читать...

​​Module Federation — что скрывается под кажущейся простотой🤯 В последнее время только ленивый не говорил про такую технологию, как module federation. Однако, почти все доклады на эту тему не показывают серьезность проблем, с которыми можно столкнуться на пути. В этой статье будет рассказано вкратце, для тех, кто ещё не знает, что такое module federation, в каких ситуациях его стоит использовать, как настроить продакшен сборку. Читать...