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

WebDEV. Страница 11

19233 @webb_dev
Открыть

Канал о web-разработке. Новости IT, туториалы, веб-программирование и многое другое.

  • WebDEV

    💡 Форма заказа на Vue.js В этом примере показан список услуг и суммарная стоимость выбранных. Так как наши услуги хранятся в массиве, мы можем использовать директиву v-for для перебора всех записей и их отображения. Если в массив добавлен новый элемент или изменен любой из старых, Vue автоматически обновит данные и покажет новые. Демо на CodePen. Продолжение следует... WebDEV #советы #Vue

  • WebDEV

    📖 Web Coding and Development For Beginners 🖋 Michаеl Dаvid, 2021 Чтобы стать веб-разработчиком, вы должны разбираться в HTML, CSS и JavaScript. Также рекомендуется ознакомиться c фреймворками CSS. Развитие этих фундаментальных навыков веб-разработки даст вам основу и логику для общения с языками программирования. 💾 Скачать книгу WebDEV #book #JavaScript #web #CSS #HTML

  • WebDEV

    🛠 Spirit — инструмент для создания анимации, который поможет вам создавать и управлять анимацией в браузере в реальном времени. WebDEV #инструменты

  • Реклама

  • WebDEV

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

  • WebDEV

    💡 Встроенный редактор на Vue.js ...Еще одна вещь, которую следует отметить в приведенном коде, - это атрибут v-if. Он показывает или скрывает целый элемент в зависимости от состояния переменной. Прочитать о нем больше можно здесь. WebDEV #советы #web #Vue

  • WebDEV

  • WebDEV

  • WebDEV

    💡 Встроенный редактор на Vue.js В предыдущем примере наша модель имела только пару предопределенных значений. Если мы хотим предоставить пользователям возможность менять любые данные, нам нужно сделать двустороннюю привязку данных и объединить поле ввода со свойством модели. Когда вводится текст, он автоматически сохраняется в модели text_content, которая затем вызывает обновление для представления. Демо на CodePen. Продолжение следует... WebDEV #советы #web #Vue

  • WebDEV

    🛠 Google Sites — простой, удобный и бесплатный сервис от Google для быстрого создания сайтов на бесплатном хостинге. Всё максимально просто, предварительных знаний в области веб-разработки не требуется. Ограничения на размер - 100МБ. WebDEV #инструменты #Google #web

  • WebDEV

    Что такое Front-end и Back-end? В веб-разработке программисты делятся на три типа: Front-end, Back-end и Full stack. Каждый выполняет какую-то свою функцию (а один из них — и вовсе две). Чтобы лучше разобраться, кто чем занимается и в какую сторону вам расти, посмотрите этот ролик. Он особо полезен, если вы только начинаете свой путь в IT. 📺 YouTube WebDEV #видео #web
    Что такое Front-end и Back-end? Кто такой FULL STACK разработчик? Чем занимается веб разработчик?

    Давай разберем веб-разработчика на части. Выясним чем занимаются бэкенд и фронтенд разработчики, верстальщики и фулстек специалисты. Узнаем кто есть кто. Бэкенд - программно-аппаратная часть проекта. Фронтенд - клиентская сторона пользовательского интерфейса к программно-аппаратной части проекта, то есть к бэкенду. Другими словами бэкенд - это все что выполняется вдали от пользователя. Многие говорят – на стороне сервера, и это верно если речь идет только о программной части, но и сам сервер это тоже часть бэкэнда, только аппаратная. Фронтенд же выполняется на стороне пользователя, то есть на устройстве пользователя. Например на ПК в браузере. Это то что пользователь видит слышит и с чем может взаимодействовать. Некий пользовательский интерфейс для общения с бэкендом, с серверной, не видимой частью. Содержание: 00:00 - Вступление 00:24 - Front-end и Back-end 01:55 - Бэкенд разработчик (Back-end developer) 02:54 - Фронтенд разработчик (Front-end developer) 04:23 - Верстальщик (специалист по HTML - верстке) 05:22 - Фулстек разработчик (Full Stack developer) 07:12 - Итоги 🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle 🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat) 🔴 Facebook: https://www.facebook.com/freelancerlifestyle 🔴 Instagram: https://www.instagram.com/freelancer.lifestyle 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle 🤟 Живи, а работай в свободное время! ©

    YouTube

  • WebDEV

    💡 Меню навигации на Vue.js ...Как вы можете видеть, работа с библиотекой довольно проста. Vue.js проделывает большую работу и предоставляет удобный и привычный синтаксис: — Простой js-объект для опций — {{Двойные скобки}} для шаблонов — Встроенные атрибуты вида «v-something» для добавления функциональности непосредственно в HTML. WebDEV #советы #Vue

  • WebDEV

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

  • WebDEV

  • WebDEV

    💡 Меню навигации на Vue.js Построим простую навигационную панель. Есть несколько основных компонентов, которые должны иметь все приложения на Vue.js: 1) Модель (Model) – другими словами, данные приложения. В рамках библиотеки это js-объект, содержащий переменные и их исходные значения. 2) Представление (View) – HTML-код отображающий данные для пользователя и содержащий eventListner’ы для взаимодействия с моделью. 3) ViewModel – в терминологии MVC это был бы контроллер. Фактически, в рамках Vue.js ViewModel – связующее звено между моделью и представлением. Демо на CodePen. WebDEV #советы #Vue

  • WebDEV

    🛠 SpinKit — простая коллекция загрузочных спиннеров, анимированные с помощью CSS. Можно легко интегрировать приятный спиннер в свой проект. WebDEV #инструменты #CSS

  • Реклама

  • WebDEV

    📖 MERN Projects for Beginners 🖋 Nabendu Biswas, 2021 Узнайте, как использовать MERN стек (MongoDB, Express.js , React, add Node) для создания нескольких веб-приложений: для знакомств, обмена видео, обмена сообщениями и социальных сетей. При создании этих веб-приложений вы изучите ключевые концепции, в том числе как использовать React hooks, Redux, MongoDB, Express, Heroku, Firebase, Material UI и аутентификацию через Google. Расширяя свое портфолио создаваемыми вами проектами, вы будете хорошо подготовлены как full stack разработчик. 💾 Скачать книгу WebDEV #book #React #Google #web #UI

  • WebDEV

    💡 Проверить, подходит ли условию каждый элемент массива Если использовать цикл: 
    let num = [1, 2, 3, 4, 5, 0];

for (let i = 0, total = num.length; i < total; i = i + 1) {
  if (i <= 0) {
    console.log("0 present in array");
  }
}
    Используя every: let num = [1, 2, 3, 4, 5, 0]; let isZeroFree = num.every(e => e > 0); if (!isZeroFree) { console.log("0 present in array"); } WebDEV #советы #coding #js

  • WebDEV

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