WebDEV

Бесплатный PSD макет лендинга приложения Скачать #psd

Относитесь к содержимому сайта серьёзно Основная задача дизайнера — убедиться, что результат его работы дополняет содержимое сайта и улучшает восприятие информации. Хороший дизайн и качественный контент — основные признаки проекта, сделанного с умом и заботой. Практические советы: - Текст должен быть релевантным и полезным, иначе у вас будет меньше посещений. - Не используйте жаргон. Информация должна подаваться в простой форме, чтобы пользователи разного уровня могли правильно прочитать и понять её. #tips #design #ux

Что такое объектная модель документа и зачем она нужна Понятие DOM у всех на слуху, но лишь некоторые знают что это такое, зачем оно нужно и главное как с ним работать. В статье мы проведем детальный обзор DOM-структуры. Читать статью #article #web

Microsoft выпустила бета-версию Edge на базе Chromium Пользователи смогут выбрать одну из трёх тем для настройки вида новой вкладки, использовать «ночной режим», а также установить один из трёх уровней защиты от слежки. Скачать бета-версию можно здесь. #news #browsers

Минимизируйте количество вариантов выбора Чем больше действий пользователям нужно будет выбирать, тем меньше будет их интерес. Не заставляйте человека долго думать. #tips #design #ux

Во время разработки на OSX часто можно перепутать строчные и заглавные буквы в пути при импорте модуля. На маке сборка соберется, но на других чувствительных к регистру системах она упадет. Если хотите избавиться от этой проблемы, нужно поставить case-sensitive-paths-webpack-plugin. Теперь при импортировании модуля с неправильным регистром вы всегда будете получать ошибку. NPM | GitHub #npm #tools

Сделайте страницу простой для сканирования глазами В первый раз пользователи скорее бегло просмотрят содержимое страницы, чем прочитают её. Более того, они будут сканировать её, пока не найдут то, для чего они перешли на ваш сайт. Вы можете направлять посетителей страницы с помощью визуальной иерархии. Обозначьте, где нужно акцентировать внимание в первую очередь, во вторую и так далее. Практические советы: - Избегайте «текстовых стен». Разделите информацию на группы для облегчения восприятия. Добавьте больше заголовков и пунктов. Выделите и/или добавьте важные элементы, например, кнопки или меню входа в систему. #tips #design #ux

Backend разработка на JavaScript Сейчас JavaScript очень быстро развивается, а потому при изучении языка легко запутаться. Мы предлагаем вашему вниманию учебный план с удобной структурой, который охватывает все необходимые аспекты JavaScript и смежных технологий. Читать статью #js #article #backend

🔊 Не пропусти интересные воркшопы для новичков от Лектрум! ✅ 11 сентября в 19:30 по Киеву/Москве пройдет практический онлайн-воркшоп, на котором мы познакомим тебя с наиболее популярным и современным стеком — Node.js, Express и MongoDB и 💪 напишем полноценный бекенд-сервер для приложения ☑️ Планировщик задач! 👉 https://lectrum.link/workshop-todo ✅ 12 сентября в 19:30 мы оживим свёрстанную страницу приложения «Планировщик задач» с помощью чистого JavaScript, без React, jQuery или каких-либо других библиотек. 🤟 Во время воркшопа мы также разберём как правильно читать и сохранять состояние приложения в localStorage. 👉 http://lectrum.link/js-todo До встречи в онлайне! 🤗

Barba.js — это небольшая JavaScript бибилиотека, с помощью которой можно сделать плавные переходы между страницами. Библиотека уменьшает задержку между переходами, минимизирует HTTP-запросы и улучшает UX. Демо | GitHub #js #tools

Изменяйте цвет посещённых ссылок Пользователь может запутаться и кликнуть на одну ссылку дважды, если вы не подсветите её после посещения. Будет печально, если из-за этого человек уйдёт с вашего сайта. #tips #design #ux

​​Красивые эффекты при наведении на кнопку CodePen #effects #button #codepen

​​☝️OTUS приглашает на двухдневный интенсив по продвинутому JavaScript и популярным JS-фреймворкам. Регистрируйтесь на бесплатные пробные вебинары: 📌11 сентября в 20:00 мск Вебинар Знакомство с React.Native в рамках курса ReactJS/React Native-разработчик: https://otus.pw/6lJs/ 📌12 сентября в 20:00 мск Вебинар TypeScript в Node.js для server-side приложений в рамках курса Fullstack разработчик JavaScript: https://otus.pw/HyJ2/ Ведущие преподаватели-практики: — Александр Коржиков (Dev IT Engineer ING Group (Нидерланды)) — Андрей Поляков (Ведущий мобильный разработчик в РокетБанк) Для участия в вебинаре нужно быть знакомым с языком Javascript. 🔥Чтобы попасть на курсы с welcome скидкой прямо сейчас, пройдите вступительный тест: «ReactJS/React Native-разработчик» - https://otus.pw/sWaq/ «Fullstack разработчик JavaScript» - https://otus.pw/28r4/

В больших фронтенд-проектах всегда много модулей, в которых легко потеряться. Если не проверять проект на неиспользуемые модули, то рано или поздно в нем скопятся мусорные файлы, которые нигде не используются. Чтобы знать о неиспользуемых файлах в проекте, добавьте в свой конфиг unused-files-webpack-plugin. NPM | GitHub #webpack #tools

📢 Всем #Frontend #Воронеж 14 сентября приглашаем вас на митап по Frontend технологиям в Воронеж! В программе доклады по Vue, Nuxt.js, React и Redux, Angular, Typescript и др. Подарки от спонсоров самым активным участникам, free 🍕 и общение с единомышленниками в крутой локации. ✅ Участие бесплатное, зарегистрироваться и посмотреть программу митапа можно на metaconf.net 🌏 Где пройдет: Воронеж, Кольцовская 24Д, Пространство ВИНЗАВОД Посмотреть, что было на наших прошлых митапах можно на Youtube канале Meta/conf #frontend #evrone #metaconf_vrn #фронтенд #vrn #web_development #разработка #frontend_meetup

5 заповедей TypeScript-разработчика Всё больше и больше проектов и команд используют TypeScript. Однако просто применять TypeScript и выжимать из него максимум пользы — это очень разные вещи. Представляю вам список высокоуровневых передовых практик использования TypeScript, которые помогут получить максимум преимуществ от применения этого языка. Читать статью #typescript #article

​​☑️ Изучить основы JavaScript! Давай знакомиться с JS-разработкой! 🔮 Мы оживим свёрстанную страницу Планировщика задач с помощью чистого JavaScript, без React, jQuery или каких-либо других библиотек. Во время воркшопа мы также разберём как правильно читать и сохранять состояние приложения в localStorage. На воркшопе ты узнаешь: 1️⃣ Сколько зарабатывают JS-разработчики и за что им платят. 2️⃣ В чём разница между верстальщиком и JS-программистом. 3️⃣ На что способен JavaScript. 4️⃣ Какие инструменты сейчас в тренде. 5️⃣ Топ 10 ошибок начинающих JS-разработчиков. Для новичков. ⏰ 12 сентября в 19:30. Твои скиллы: базовые навыков работы с вёрсткой 🤟 Регистрируйся, камон! 👉 http://lectrum.link/js-todo

​​Мы тут тебе бесплатные билеты на воркшоп подвезли 😉 За три дня получишь столько практики, сколько тебе и не снилось! Сверстаешь свой интернет-магазин на HTML, CSS, Flexbox, SASS и jQuery. Что тебя ждет 👇 — ежедневные уроки и домашки, которые помогут усвоить материал — закрытый чат в котором кураторы помогут разобрать ошибки — разберешься что нужно учить, чтобы стать веб-разработчиком — поймешь как попасть на работу в студию или стартовать на фрилансе Будет много конкурсов, розыгрышей и подарков. Обязательно приходи! Переходи по ссылке и получи приглашение: https://telegram.me/gloacademy_bot?start=5d6ebc411c86c9000c3f96e5

Разработайте простую для использования навигацию Подумайте над тем, как пользователю будет удобнее перемещаться внутри проекта. Хорошая навигация играет важную роль: она может быть как путеводной звездой, так и Иваном Сусаниным. Практические советы: — Используйте меню навигации верхнего уровня только для наиболее значимых страниц проекта. Не добавляйте больше семи элементов в это меню. Лучше добавьте навигацию нижнего уровня, с более ясными категориями. — Используйте стандартные слова в меню, так пользователю будет проще; — Сократите объём времени на путь до нужного места. Сделайте, так, чтобы человеку не скучал, кликая по ненужным ему разделам; — Меню в футере. Не забывайте о нём, обычно клиенты хотят там найти контактную информацию, соглашения и условия пользования продуктом. #tips #design #ux