WebDEV

🛠 GTMetrix позволяет узнавать о том, что замедляет ваши веб-проекты. А узнав об этом, их можно исправить, ускорить, улучшить эффективность их работы. Иногда проблемы сайтов связаны с серверами, иногда — со слишком большими изображениями, иногда — с кодом. GTMetrix позволяет выявлять и эти, и многие другие проблемы сайтов. WebDEV #инструменты #web

📖 Vue on Rails 🖋 Bryan Lim, Richard LaFranchi, 2019 Создавайте современные и прогрессивные веб-приложения с помощью Vue.js и Ruby on Rails. Поскольку сообщество Rails принимает JavaScript, эта книга отвечает на ваши самые насущные вопросы, в том числе о том, как интегрировать интерфейсные технологии с Rails, нужно ли создавать одностраничное приложение, когда и как использовать JavaScript в вашем проекте, как создать основу для Vue. компонент в Rails и как настроить Vue.js в проекте Rails. 💾 Скачать книгу WebDEV #book #vue #js

Что будет, если совместить IT-индустрию и творчество? Получится профессия UX/UI-дизайнера. Специально для тех, кто хочет творчески развиваться и быть востребованным в IT сфере. Есть очень много вариантов, как освоить эту профессию с нуля, однако мы рекомендуем пройти курс «UX/UI-дизайнер с нуля до PRO», который длиться 15 месяцев. Передавать свой опыт будут практикующие эксперты рынка из Ozon, Mail.ru и Cuberto — агентства года по версии Awwwards. Во время прохождения вы сможете: — освоить все инструменты и навыки, которые нужны продвинутому продуктовому дизайнеру; — наработаете более 200 часов практики; — добавите в портфолио 15 работ; — поучаствуете в практикумах совместно с экспертами; — и пройдете стажировку в IT-компании или студии. Все это даст вам возможность дорасти до уровня middle уже к концу обучения. Подробнее о программе: https://bit.ly/3EbAVtF А от нас вы получаете скидка 45% до 26 октября по промокоду WEBDEV — не упустите шанс!

💡 Удаляйте ненужные пользовательские шрифты ▍Часть 1 Пользовательские шрифты весьма популярны, ведь они придают сайту индивидуальность. Но их применение сказывается на производительности. Пользовательские шрифты могут быть довольно большими по размеру, а веб-шрифты, например, от Google, добавляют HTTP-запросы ко внешним ресурсам. Это снижает скорость рендеринга страницы. ▍Поэтому, работая со шрифтами на сайте: — Конвертируйте шрифты в наиболее эффективный формат. Шрифты в современном формате, например WOFF2, могут быть приблизительно на 30% меньше по размеру, чем в других форматах. Продолжение следует... WebDEV #советы #web

Всем хай 👋 Мои знакомые сделали соц сеть для разработчиков. Они это сделали!! Это соц сеть ТОЛЬКО для программистов. Пожалуйста, зарегистрируйтесь. Оно весит 3 мб, было написано на Go, Swift и Kotlin  ТОЛЬКО ДЛЯ ПРОГРАММИСТОВ!!! Ссылка 👇 https://it-network.onelink.me/GF0K/7d240340 P.S. пожалуйста, при регистрации поставьте любое фото на аватарку, спасибо 🙏

WebDEV #test #js Выберите правильный вариант 👇🏼

🔥 Лучшее на канале за неделю 1. Основы CSS3. Полный курс. 2. Расширение Web Developer Form Filler пригодится тем разработчикам, кому надоедает заполнять всяческие формы, тестируя их в ходе создания сайтов. 3. Уменьшайте число вызовов сервера.

💡 Подборка книг по веб-разработке ▫️ CSS для профи ▫️ Django 3.0. Практика создания веб-сайтов на Python ▫️ Новая большая книга CSS ▫️ Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML 5 WebDEV #подборка #book

💡 Уменьшайте число вызовов сервера ▍Часть 2 Чтобы снизить число обращений к серверу до необходимого минимума, можно сделать следующее: — Используйте CSS-спрайты (подробнее в первой части). — Ограничивайте число сторонних плагинов, совершающих много внешних запросов. — Следите за тем, чтобы на сайте не было сломанных ссылок на несуществующие файлы. Кроме того, чтобы увеличить скорость начальной загрузки приложения, можно рассмотреть возможность рендеринга на сервере. Если при загрузке первой страницы также будет загружаться не много данных, это очень сильно улучшит производительность. WebDEV #советы #web

🛠 Расширение Web Developer Form Filler пригодится тем разработчикам, кому надоедает заполнять всяческие формы, тестируя их в ходе создания сайтов. Благодаря этому расширению можно сэкономить время и сделать своё дело быстрее. WebDEV #инструменты #web

Основы CSS3. Полный курс В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц. 📺 YouTube WebDEV #видео #css

💡 Уменьшайте число вызовов сервера В общем, чем чаще ваш фронтенд обращается к серверу, тем больше времени потребуется на загрузку. Дело в том, что какой бы запрос вы ни отправили на сервер, перед рендерингом страницы потребуется полная коммуникация. Чтобы снизить число обращений к серверу до необходимого минимума, можно сделать следующее: — Используйте CSS-спрайты. Это один из самых простых способов снизить число вызовов сервера. Вместо загрузки на сайт десяти отдельных изображений спрайт загружает один графический файл, содержащий набор картинок. Для отображения желаемого сегмента изображения можно использовать CSS-свойства background-image и background-position. Это позволит вам уменьшить количество запросов к серверу. Продолжение следует... WebDEV #советы #web

​+1 в копилку полезных каналов о фронтенде С Senior Frontend стартовать в айти намного проще: • готовые примеры кода: смотрите на превью, как работает код, и сразу редактируете его в CodePen • лайфхаки по JS, HTML, CSS, которыми делятся только в крупных компаниях • тесты и опросы для тех, кто не запоминает сухую инфу ⚡️Senior Frontend - лучшая шпаргалка для айтишников. Сохраняйте: @SeniorFront

WebDEV #test #js Выберите правильный вариант 👇🏼

🔥 Лучшее на канале за неделю 1. Минимизируйте ресурсы. 2. Web Developer Checklist — расширение, которое анализирует любую веб-страницу на предмет нарушения передовых практик. 3. Сортировка массива из строк, чисел или объектов.

💡 Минимизируйте ресурсы Минимизация ресурсов подразумевает удаление ненужных и устаревших данных из вашего HTML, CSS и JavaScript-кода. Речь идет о данных, загружать которые не обязательно. Это комментарии в коде и форматирование, пробелы, неиспользуемый код, символы новой строки и т. д. Минимизация HTML, CSS и JavaScript ускоряет время загрузки фронтенда, поскольку уменьшает количество кода, который нужно запросить с сервера. Обратите внимание на следующие инструменты. Они помогут вам сгенерировать оптимизированную версию вашего HTML, CSS и JavaScript-кода. HTML: PageSpeed Insights, HTML Minifier. CSS: cssmin.js, Coverage tool в Chrome Dev Tools, YUI Compressor. JavaScript: JSMin, Coverage tool в Chrome Dev Tools. WebDEV #советы #web

🛠 Web Developer Checklist — расширение, которое анализирует любую веб-страницу на предмет нарушения передовых практик. Помогает веб-разработчикам легко обнаруживать проблемные области на веб-сайтах. WebDEV #инструменты #web

📖 HTML5 для веб-дизайнеров 🖋 Кит Джереми, 2012 Джереми Кит обладает способностью писать легко и доступно о сложных вещах и сразу выделять те определенно важные моменты, которые имеют значение для дизайнеров-разработчиков. Автор убеждает, что можно использовать структурные элементы HTML5 прямо сейчас, например назначить стиль любому элементу, который вы захотите изобрести, или начать использовать доступные вам дополнительные уровни заголовков. Книга Джереми Кит – настоящая инструкция по использованию HTML5. 💾 Скачать книгу WebDEV #book #html