WebDEV
8.97K subscribers
2.2K photos
12 videos
2.72K links
Сообщество веб-разработчиков.

На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки.

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: telega.in/c/webb_dev

РКН: clck.ru/3L2oTf
Download Telegram
Оператор rest. Концепции JavaScript

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

Смотреть примеры

#js #concepts
Нейронные сети на Javascript

Идея для написания этой статьи возникла прошлым летом, когда я слушал доклад на конференции BigData по нейронным сетям. Лектор «посыпал» слушателей непривычными словечками «нейрон», «обучающая выборка», «тренировать модель»… «Ничего не понял — пора в менеджеры», — подумал я. Но недавно тема нейронных сетей все же коснулась моей работы и я решил на простом примере показать, как использовать этот инструмент на языке JavaScript.

В рамках этой статьи мы создадим нейронную сеть, с помощью которой будем распознавать ручное написание цифры от 0 до 9. Рабочий пример займет несколько строк. Код будет понятен даже тем программистам, которые не имели дело с нейронными сетями ранее. Как это все работает, можно будет посмотреть прямо в браузере.

Читать статью

#js #article #ai
Методы массивов. Концепции JavaScript.

Методы
массивов часто дают разработчику удобные инструменты, позволяющие красиво решать самые разные задачи по преобразованию данных. Я иногда отвечаю на вопросы на StackOverflow. Среди них часто попадаются такие, которые посвящены чему-то вроде тех или иным способов работы с массивами объектов. Именно в таких ситуациях методы массивов особенно полезны.

В шестой статье из цикла мы рассмотрим несколько таких методов, объединённых по принципу их схожести друг с другом.

Читать статью

#js #concepts #array
​​Нативная поддержка lazy-loading в браузерах

Поддержка lazy-loading для картинок и iframe приходит в браузеры. Видео показывает возможности новой функции. Так же есть возможно испробовать функцию самому на демо-сайте

В статье описано как использовать новый аттрибут loading и какие типы загрузки картинок появились.

Читать статью

#frontend #news #article
8 ошибок начинающих JavaScript-разработчиков, мешающих стать профессионалом

Быть JavaScript-разработчиком круто, поскольку на рынке труда постоянно растет нужда в хороших JS-программистах. В наше время очень много фреймворков, библиотек и прочего, что можно использовать в работе. Однако большинство JavaScipt-разработчиков часто допускают одинаковые ошибки. Весьма вероятно, что в будущем это приведет к катастрофическим последствиям для карьеры, но пока вы этого не осознаете.

Я сам в прошлом допустил некоторые ошибки, описанные ниже, и теперь хочу уберечь от них вас. Вот восемь ошибок JS-разработчиков, которые могут сделать ваше будущее не слишком радужным.

Читать статью

#js #article
Зачем вам учить Go

Go — относительно молодой, но популярный язык программирования. По данным опроса Stack Overflow, именно Golang получил третье место в рейтинге языков программирования, которые хотели бы освоить разработчики. В этой статье мы попробуем разобраться в причинах популярности Go, а также посмотрим, где этот язык используется и почему его вообще стоит изучать.

Читать чтатью

#go #article
Интересен ли вам язык Go?
Anonymous Poll
43%
Да, интересн
47%
Нет
10%
Я не программист
Генераторы. Концепции JavaScript

Генераторы в JavaScript объявляют, используя символ звёздочки. Они позволяют задавать то, какое значение будет возвращено при очередном вызове метода next().

В седьмой статье из цикла мы рассмотрим примеры таких функций.

Читать статью

#js #article #concepts
PSD макет лендинга мобильного приложения

Скачать

#psd
Google обновила дизайн Play Store. При использовании на мобильных устройствах внизу появится навигация, чтобы пользователь мог быстрее перемещаться по категориям.

#news
Forwarded from Daily Coding 🔥
Что такое Agile?

Agile — итеративный подход при работе над проектом. Ваша команда выпускает проект маленькими шагами с самого начала, а не показывает уже готовый продукт в самом конце. Подробнее в нашей статье.

Читать статью

#agile #methodology #article
Советы по созданию качественного веб-продукта

Основная задача веб-дизайнера — создание логики и стиля веб-продуктов, которые сделают сайт удобным и приятным для пользования. Однако не каждый сможет сделать качественный онлайн-продукт, особенно это сложно для начинающих.

Чтобы облегчить процесс разработки сайтов, мы подготовили цикл статей о том, на чём следует акцентировать внимание во время работы над веб-проектом. Будет полезно не только дизайнерам по профессии, но и тем, кто пытается совместить в себе несколько ролей при создании сайта и не знает, за что зацепиться.

#tips #design #ux
Сделайте интерфейс однородным для всего проекта

Главный принцип хорошо продуманного UX — однородность или согласованность интерфейса на всех страницах. Цветовые схемы, шрифты и стиль письма могут положительно влиять на удобство пользования и на пользовательский опыт при правильной комбинации.

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

Итог: сначала проектируйте, а затем добавляйте стиль.

#tips #design #ux
Frontend разработка на JavaScript

JavaScript очень гибок и подойдёт сторонникам как объектно-ориентированного, так и функционального подхода. Огромное количество библиотек и фреймворков позволяет с лёгкостью решать любые типы задач, а серверная платформа Node.js даёт возможность использовать язык не только в браузере, но и в консоли. Вы даже можете писать настольные и мобильные приложения.

Читать статью

#article #js
Ускоряем загрузку своего сайта

Оптимизация загрузки положительно влияет на отношение клиентов к продукту, уровень конверсии, SEO, и, в итоге, на успех вашего проекта.

Если сайт загружается дольше трёх секунд, 53 % пользователей покинут его. В статье подробно описано, как этого избежать.

Читать статью

#article #perfomance #frontend
Использование абсолютных путей в React Native. Как построить идеальную структуру проекта

Возможно, у вас была проблема с слишком сложными относительными путями в React Native. Внезапно, наша структура проекта становится сложной и имеет много вложенных папок. Пути выглядят ужасно. Но, к счастью, у автора статьи есть решение для этого. Давайте решим это вместе.

Читать статью

#react #native #article
Разработайте простую для использования навигацию

Подумайте над тем, как пользователю будет удобнее перемещаться внутри проекта. Хорошая навигация играет важную роль: она может быть как путеводной звездой, так и Иваном Сусаниным.

Практические советы:

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

#tips #design #ux
5 заповедей TypeScript-разработчика

Всё больше и больше проектов и команд используют TypeScript. Однако просто применять TypeScript и выжимать из него максимум пользы — это очень разные вещи.

Представляю вам список высокоуровневых передовых практик использования TypeScript, которые помогут получить максимум преимуществ от применения этого языка.

Читать статью

#typescript #article
В больших фронтенд-проектах всегда много модулей, в которых легко потеряться. Если не проверять проект на неиспользуемые модули, то рано или поздно в нем скопятся мусорные файлы, которые нигде не используются.

Чтобы знать о неиспользуемых файлах в проекте, добавьте в свой конфиг unused-files-webpack-plugin.

NPM | GitHub

#webpack #tools
​​Красивые эффекты при наведении на кнопку

CodePen

#effects #button #codepen