Обложка канала

Frontend разработчик. Страница 31

12650 @frontend_1
Открыть

Frontend разработчик. Библиотека электронных книг и статей для frontend разработчиков.

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

    ​Font-awesome – Культовый набор инструментов SVG, font и CSS Наиболее популярный набор инструментов для иконок, который был переработан и построен с нуля. Кроме того, здесь есть такие фичи как лигатуры шрифтов значков, библиотека SVG иконок, официальные пакеты NPM для популярных клиентских библиотек, таких как React, и CDN #GitHub | #Archive #Icons 👉 @Githublib

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

    CSS Grid / Entrance Animation Test Автор анимирует CSS-свойства grid элемента через CSS и добивается интересного эффекта появления элементов страницы. #codepen #css Подпишись👉 @codepen_1

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

    How to debug JavaScript code

    A tutorial on how to use debugging to solve any JavaScript problem

    Flaviocopes

  • Реклама

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

    Как сделать кнопку такой, чтобы на нее захотелось нажать? 🤔 ⚡️Приглашаем 25 мая в 20:00 мск на бесплатный вебинар «Использование псевдоэлементов для создания интересных анимаций кнопок» в OTUS! 📚На вебинаре с Марией Коршуновой, веб-разработчиком с опытом более 10 лет мы разберем тему использования псевдо элементов для создания анимаций кнопок и как с помощью обычного CSS сделать это нажатие интересным или даже интригующим. 👉🏻Регистрация на вебинар

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

    Next.js за 100 секунд + полное руководство для начинающих Изучите основы Next.js за 100 секунд! Затем создайте свое первое серверное приложение для react с полным руководством для начинающих по Next.js. https://www.youtube.com/watch?v=Sklc_fQBmcs @frontend_1
    Next.js in 100 Seconds // Plus Full Beginner's Tutorial

    Learn the basics of Next.js in 100 Seconds! Then build your first server-rendered react app with a full Next.js beginner's tutorial. https://fireship.io/cour...

    YouTube

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

    Leaflet.js - JS библиотека для интерактивных карт. Особенности / преимущества: ✔️Адаптирована под мобильные устройства ✔️Поддержка: Chrome, Firefox, Safari 5+, Opera 12+, IE 7–11, Edge, Safari for iOS 7+; Android browser 2.2+, 3.1+, 4+; Chrome for mobile; Firefox for mobile; IE10+ for Win8 devices ✔️Открытый исходный код ✔️Лёгкий вес (39КБ) ✔️Подробная документация и множество гайдов, упрощающих понимание библиотеки Оф. сайт: https://leafletjs.com/ Гит: https://github.com/Leaflet/Leaflet Плагины для использования библиотеки: https://leafletjs.com/plugins.html Гайды: https://leafletjs.com/examples.html Примеры использования библиотеки: tennalian.github.io/leaflet…dex.html #библиотеки #js #frontend @frontend_1

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

    HTML & CSS Project Tutorial - Build a Recipes Website

    In this HTML and CSS project tutorial, you will improve your HTML and CSS skills by building a recipes website. 💻 Code: https://github.com/john-smilga/html-css-simply-recipes ✏️ Course from John Smilga of Coding Addict. Check out his channel: https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA 🎥 Starter Project video referenced in tutorial: https://www.youtube.com/watch?v=UDdyGNlQK5w 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

    YouTube

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

    Подборка каналов для IT специалистов 🎯 Системное администрирование 📌 https://t.me/tipsysdmin Типичный Сисадмин (фото железа, было/стало) https://t.me/sysadminof Книги для админов, полезные материалы https://t.me/i_odmin Все для системного администратора https://t.me/i_odmin_book Библиотека Системного Администратора https://t.me/i_odmin_chat Чат системных администраторов https://t.me/i_DevOps DevOps: Пишем о Docker, Kubernetes и др. Excel лайфхак📌 https://t.me/Excel_lifehack GitHub Сообщество 📌 https://t.me/Githublib Интересное из GitHub CodePen 📌 https://t.me/codepen_1 Сообщество пользователей CodePen Базы данных (Data Base) 📌 https://t.me/database_info Все про базы данных Вакансии для программистов 📌 https://t.me/progjob Программирование Python 📌 https://t.me/pythonofff Python академия. Учи Python быстро и легко🐍 https://t.me/BookPython Библиотека Python разработчика https://t.me/python_real Python подборки на русском и английском Мобильная разработка: iOS, Android 📌 https://t.me/developer_mobila Мобильная разработка Фронтенд разработка 📌 https://t.me/frontend_1 Подборки для frontend разработчиков Java разработка 📌 https://t.me/BookJava Библиотека Java разработчика Разработка игр 📌 https://t.me/game_devv Все о разработке игр Библиотеки 📌 https://t.me/book_for_dev Книги для программистов Rus https://t.me/java_360 Книги по Java Rus https://t.me/python_360 Книги по Python Rus https://t.me/programmist_of Книги по программированию https://t.me/proglb Библиотека программиста https://t.me/bfbook Книги для программистов БигДата, машинное обучение 📌 https://t.me/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning Программирование 📌 https://t.me/bookflow Лекции, видеоуроки, доклады с IT конференций https://t.me/coddy_academy Полезные советы по программированию QA, тестирование 📌 https://t.me/testlab_qa Библиотека тестировщика Шутки программистов 📌 https://t.me/itumor Шутки программистов Защита, взлом, безопасность 📌 https://t.me/thehaking Канал о кибербезопасности Книги, статьи для дизайнеров 📌 https://t.me/ux_web Статьи, книги для дизайнеров https://t.me/arhitekturamira World Architecture Английский 📌 https://t.me/UchuEnglish Английский с нуля Математика 📌 https://t.me/Pomatematike Канал по математике Арбитраж трафика 📌 https://t.me/partnerochkin CPA и арбитраж трафика Крипта 📌 https://t.me/bitkoinoff Новости криптовалют DeepFake 📌 https://t.me/deepfakenow Публикуем deepfake видео Мир технологий 📌 https://t.me/mir_teh Видео из мира технологий

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

    Любите находить решение сложных задач? У хостера FirstVDS для вас классная новость! Каждую Пятницу 13 они запускают масштабную акцию с крутыми интерактивами, чтобы вы могли «поразмять мозги». В этот раз FirstVDS подготовили игру «Побег из лагеря Crystal Lake». Проверим, сможете ли вы выбраться из лагеря целым и невредимым, спасти друзей, найти ценные ресурсы, и разобраться с Jason’ом. На кону — и сертификаты на пополнение баланса 500 р, и скидки (аж до 35%) на новые и действующие серверы!  Но вы же знаете пословицу про рыбку и труд. Чтобы получить все эти ништяки, нужно не просто пройти игру, но и сделать это хорошо ;)  Желаем удачи!

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

    VisBug — визуальный редактор и инспектор вёрстки в браузере Плагин для браузера, который позволяет менять вёрстку страницы в ещё более наглядном виде, чем встроенный Code Inspector. Особенности: 👉 Открытый исходный код 👉 Поддержка горячих клавиш 👉 Доступно для Chrome, Firefox, Safari и Edge 👉 Возможность копировать элементы, стили и SVG Сайт: https://visbug.web.app/ Гит: github.com/GoogleC…ctVisBug

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

    Всем привет! Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама. Настрой бота за 1 минуту и получай до 50 предложений в неделю, отобранных по твоим предпочтениям. 🎁Запусти бота сегодня и получи подарок от нашего партнёра Madrobots.ru — магазина экспериментальных гаджетов. @MasterHuBot

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

    Цикл for...in Цикл JavaScript for...in можно использовать для перебора ключей объекта. На каждой итерации одно из свойств объекта присваивается переменной этого цикла. #javascript Подписывайтесь на канал 👉@coddy_academy

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

    Пишете на HTML, CSS и JS, но чувствуете, что для серьёзных проектов пока не хватает навыков? Тимлиды ВКонтакте записали свой курс по современному фронтенду для junior и middle разработчиков. Здесь упор будет сделан на практику — на протяжении 5 месяцев вы будете заниматься разработкой собственного новостного портала. Вы начнёте с создания статичных HTML-страниц и постепенно будете добавлять в свой проект новые фичи — админку, локализацию и тёмную тему. Попутно вы разберётесь с деплоем, CI/CD, кэшированием и серверной оптимизацией — и в результате получите адаптивное и доступное приложение с production-ready сервисом, мониторингом и автотестами. После прохождения курса вы точно будете готовы к работе над крупными проектами, а наш HR приложит максимум усилий, чтобы трудоустроить вас в хорошую компанию. Переходите по ссылке и записывайтесь на курс до 18 мая — по промокоду FRONTEND1 действует скидка 10%. Кстати, на сайте можно пройти бесплатную демоверсию.

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

    Подборка инструменты отладки JavaScript 👉 Инструменты для веб-разработчика в браузерах: Chrome developer tools, Firefox developer tool, Safari Develop Menu, Edge Developer Tools. Стандартно, понятно, базово, пользуемся, тем что удобнее. 👉 ng-inspector — Кросс-браузерное расширение для отладки приложений на AngularJS, поставляется с обновлениями в реальном времени, подсветкой DOM, прямым доступом к областям, моделям и прочим элементам приложения. 👉 Augury — расширение для Google Chrome и отладки приложений на Angular 2. Позволяет напрямую анализировать структуру приложения и рабочие характеристики, а также обнаружить изменения. 👉 debugger — Инструмент отладки для Chrome и Firefox от команды разработчиков Firefox. Позволяет переключаться между браузерами чтобы убедиться, что ваше приложение работает правильно. Легко настраивается. 👉 ESLint — Линтер для JavaScript. анализирует код по мере его написания и выявляет синтаксические ошибки. Доступен как пакет Node, также как плагин для Sublime Text 3 и VS Code. 👉 JS Bin — Позволяет тестировать и отлаживать код в команде, увидеть все изменения в реальном времени и добавлять библиотеки. 👉 JSON Formatter and Validator — Позволяет быстро сканировать сжатый объект JSON и выявить ошибки или ключи с неверными значениями. 👉 SessionStack — Набор инструментов для мониторинга. Они собирают данные на стороне клиента и помогают точно выяснить, что пользователи делают на веб-сайте. Предоставляет воспроизведение видео, чтобы помочь разработчикам воспроизвести пользовательские проблемы и ошибки. 👉 Raygun Error Monitoring — Помогает найти и оценить влияние ошибок JavaScript и выявить проблемы с производительностью. Легко и быстро настраивается. 👉 Postman — Предназначен для проверки запросов с клиента на сервер и получения ответа от бэкенда. 👉 Node Debug library — библиотека для реализации Node Inspector. 👉 Webpack — Предоставляет статистические данные. Webpack Analyze Web App, позволяет визуализировать статистику, генерируемую из Webpack.

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

  • Реклама

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

    ⚡️Хочешь работать на стыке кода и дизайна? В OTUS открыт набор на курс «Веб анимация» 📚На курсе вы научитесь создавать простые и сложные анимации для элементов сайта, в том числе svg анимации, получите навык работы со стандартными компонентами и углубите свои знания html, css, js. 🚀— Хотите протестировать учебный процесс? Регистрируйтесь на бесплатный вебинар который пройдет — 25.05 в 20:00 мск — "Использование псевдоэлементов для создания интересных анимаций кнопок". 👉🏻Регистрация на вебинар: https://otus.pw/rBD2/ 🎁Бонус: В подарок вы получите видеокурс JavaScript для начинающих

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

    ‍JavaScript: делаем селфи с помощью браузера В этой статье я покажу вам, как делать селфи в браузере. Мы разработаем простое приложение со следующим функционалом: - при инициализации приложение запрашивает у пользователя разрешение на захват медиапотока (далее также — поток) из видеокамеры его устройства; - захваченный поток передается в элемент video; - из потока извлекается видеотрек (далее также — трек), который передается в интерфейс для захвата изображений; - из экземпляра интерфейса извлекается список поддерживаемых возможностей (capabilities) и настроек (settings) для фото; - из трека также извлекается список поддерживаемых возможностей и настроек; - формируется список диапазонных полей (<input type="range">) для установки настроек для фото; - пользователь имеет возможность снимать фото (take photos) и захватывать фреймы (grab frames); - фото выводится в элемент img, генерируется ссылка для его скачивания; - фрейм инвертируется и отрисовывается на холсте (canvas), генерируется ссылка для его скачивания. #js #frontend

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

    Прими участие в масштабном онлайн-хакатоне «Moscow City Hack 2022» от Агентства инноваций Москвы! Тебя ждут: 🏆 Призовой фонд 3 400 000 ₽; 💻 Задачи по разработке сервисов для мотивации студентов, привлечения волонтеров, цифрового маркетинга, импортозамещения и разоблачения fake news; 🧐 Эксперты от крупного бизнеса и Правительства Москвы; 🎓 Образовательная программа с мастер-классами и интенсивами; 🎁 Красочный мерч, подарки от партнеров и много крутых активностей 🔥 📅 Хакатон пройдет 10-13 июня 2022 года Регистрируйся уже сейчас! https://bit.ly/3LTgbLr Узнать подробности и найти команду можно в нашем Telegram-чате t.me/MoscowCityHack