🛠 Coderbyte — платформа с более 200 задачами, которые вы можете решать напрямую в режиме онлайн на одном из 10 языков программирования.
WebDEV #инструменты
WebDEV #инструменты
💡 Мгновенный поиск на Vue.js
Теперь создадим приложение, в котором будут представлены некоторые статьи-примеры. Приложение также будет иметь текстовое поле поиска, позволяющее фильтровать, какие статьи будут отображаться. Все статьи будут храниться в массиве, и те из них, что соответствуют поисковому запросу, будут в попадать в массив filteredArticles.
Демо на CodePen.
Продолжение следует...
WebDEV #советы #Vue
Теперь создадим приложение, в котором будут представлены некоторые статьи-примеры. Приложение также будет иметь текстовое поле поиска, позволяющее фильтровать, какие статьи будут отображаться. Все статьи будут храниться в массиве, и те из них, что соответствуют поисковому запросу, будут в попадать в массив filteredArticles.
Демо на CodePen.
Продолжение следует...
WebDEV #советы #Vue
🔥 Лучшее на канале за неделю
1. Что знает крутой Junior Frontend разработчик?.
2. Coderbyte — платформа с более 200 задачами, которые вы можете решать напрямую в режиме онлайн на одном из 10 языков программирования.
3. Форма заказа на Vue.js.
1. Что знает крутой Junior Frontend разработчик?.
2. Coderbyte — платформа с более 200 задачами, которые вы можете решать напрямую в режиме онлайн на одном из 10 языков программирования.
3. Форма заказа на Vue.js.
💡 Мгновенный поиск на Vue.js
Перед прочтением рекуомендуем ознакомиться с первой частью.
...Поле ввода привязано к модели
WebDEV #советы #Vue
Перед прочтением рекуомендуем ознакомиться с первой частью.
...Поле ввода привязано к модели
searchString. Когда текст вводится, модель мгновенно обновляется, и массив filteredArticles генерируется снова. Таким образом, мы можем создать поиск в реальном времени, не заботясь о рендеринге или настройке прослушивателей событий.WebDEV #советы #Vue
📖 Beginning Django API with React
🖋 Correa, Daniel & Lim, Greg, 2022
В этой книге автор отправит вас в увлекательное, путешествие по изучению разработки стека Django + React. Вы начнете создавать свое первое приложение с Django и React в течение нескольких минут. Каждая глава написана лаконично и прямо по существу, без лишней информации, которая не относится к разработке. В конце концов, у вас будет работающее приложение Todo, развернутое в Интернете.
💾 Скачать книгу
WebDEV #book #React #API #Django
🖋 Correa, Daniel & Lim, Greg, 2022
В этой книге автор отправит вас в увлекательное, путешествие по изучению разработки стека Django + React. Вы начнете создавать свое первое приложение с Django и React в течение нескольких минут. Каждая глава написана лаконично и прямо по существу, без лишней информации, которая не относится к разработке. В конце концов, у вас будет работающее приложение Todo, развернутое в Интернете.
💾 Скачать книгу
WebDEV #book #React #API #Django
🛠 Mazwai — сервис, где вы найдёте много стоковых видео для использования в своих целях. Каждое видео можно скачать в один клик.
WebDEV #инструменты
WebDEV #инструменты
💡 Переключаемая сетка на Vue.js
В этом последнем примере проверим на Vue общий сценарий, когда страница имеет разные режимы компоновки. Как и в предыдущем приложении, будем показывать список статей, хранящихся в массиве.
Нажав одну из кнопок в верхней панели, будет переключаться режим показа между сеткой, содержащей большие изображения, и списком раскладок с меньшими изображениями и текстом.
Демо на CodePen.
WebDEV #советы #Vue
В этом последнем примере проверим на Vue общий сценарий, когда страница имеет разные режимы компоновки. Как и в предыдущем приложении, будем показывать список статей, хранящихся в массиве.
Нажав одну из кнопок в верхней панели, будет переключаться режим показа между сеткой, содержащей большие изображения, и списком раскладок с меньшими изображениями и текстом.
Демо на CodePen.
WebDEV #советы #Vue
🔥 Лучшее на канале за неделю
1. Beginning Django API with React.
2. Mazwai — сервис, где вы найдёте много стоковых видео для использования в своих целях.
3. Мгновенный поиск на Vue.js.
1. Beginning Django API with React.
2. Mazwai — сервис, где вы найдёте много стоковых видео для использования в своих целях.
3. Мгновенный поиск на Vue.js.
💡 Изучите дизайн
На самом деле, даже если вы бекенд - разработчик, вам все время нужен дизайн, чтобы пользователь мог адекватно воспринимать разработанный вами сайт. Если вы не хотите это изучать и хотите быть только разработчиком, тогда вам стоит немного подсмотреть какие-то решения на похожих на ваш проект ресурсах и воспользоваться готовыми гаммами.
WebDEV #советы #дизайн
На самом деле, даже если вы бекенд - разработчик, вам все время нужен дизайн, чтобы пользователь мог адекватно воспринимать разработанный вами сайт. Если вы не хотите это изучать и хотите быть только разработчиком, тогда вам стоит немного подсмотреть какие-то решения на похожих на ваш проект ресурсах и воспользоваться готовыми гаммами.
WebDEV #советы #дизайн
🛠 ZenPen — минималистичный текстовый редактор. Для использования не требуется авторизация или какие-то настройки - вы можете работать, как только сервис запустится.
WebDEV #инструменты
WebDEV #инструменты
💡 Пользуйтесь сокращениями клавиш и Emmet
Если вы уже твердо решили стать разработчиком, тогда вам стоит как можно больше использовать именно клавиатуру, а не мышь, потому что при слепой печати это значительно повышает вашу скорость разработки. Изучите плагин Emmet, а также ознакомьтесь с сокращениями клавиш вашего редактора кода. Не отнимайте руки от клавиатуры!
WebDEV #советы
Если вы уже твердо решили стать разработчиком, тогда вам стоит как можно больше использовать именно клавиатуру, а не мышь, потому что при слепой печати это значительно повышает вашу скорость разработки. Изучите плагин Emmet, а также ознакомьтесь с сокращениями клавиш вашего редактора кода. Не отнимайте руки от клавиатуры!
WebDEV #советы
💡 Подборка инструментов
▫️ Layoutit CSS Grid — простой и гибкий генератор grid-сеток.
▫️ Solid book — интерактивная книга, которая поможет освоить пять основных принципов проектирования в объектно-ориентированном программировании.
▫️ Mail Studio — сервис для создания адаптивных электронных писем.
▫️ DaFont — большая коллекция из более чем пятидесяти тысяч бесплатных шрифтов на любой вкус.
▫️ Roadmap — полезный ресурс, где можно найти готовые карты для развития во Frontend, React, Backend и ещё в нескольких направлениях.
WebDEV #подборка #инструменты
▫️ Layoutit CSS Grid — простой и гибкий генератор grid-сеток.
▫️ Solid book — интерактивная книга, которая поможет освоить пять основных принципов проектирования в объектно-ориентированном программировании.
▫️ Mail Studio — сервис для создания адаптивных электронных писем.
▫️ DaFont — большая коллекция из более чем пятидесяти тысяч бесплатных шрифтов на любой вкус.
▫️ Roadmap — полезный ресурс, где можно найти готовые карты для развития во Frontend, React, Backend и ещё в нескольких направлениях.
WebDEV #подборка #инструменты
🔥 Лучшее на канале за неделю
1. Нужен ли TypeScript Вашему проекту?.
2. ZenPen — минималистичный текстовый редактор.
3. Изучите дизайн.
1. Нужен ли TypeScript Вашему проекту?.
2. ZenPen — минималистичный текстовый редактор.
3. Изучите дизайн.
💡 Используйте фреймворки
Используйте фреймворки и не забывайте о мобильных версиях сайтов. Если вы хотите, чтобы вашу работу признали за качественную, тогда самый простой путь — это воспользоваться каким-то CSS фреймворком, вроде Bootstrap или Bulma. И понятное дело, что сейчас в сайте куда важнее мобильная версия, чем версия на desktop - так что позаботиться об адаптивности вам точно стоит, тем более что с технологиями Flex или Grid это достаточно просто.
WebDEV #советы #CSS
Используйте фреймворки и не забывайте о мобильных версиях сайтов. Если вы хотите, чтобы вашу работу признали за качественную, тогда самый простой путь — это воспользоваться каким-то CSS фреймворком, вроде Bootstrap или Bulma. И понятное дело, что сейчас в сайте куда важнее мобильная версия, чем версия на desktop - так что позаботиться об адаптивности вам точно стоит, тем более что с технологиями Flex или Grid это достаточно просто.
WebDEV #советы #CSS