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

WebDEV. Страница 5

19233 @webb_dev

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

  • WebDEV

    💡 Совершенствуйте знания Если кажется, что уже всё знаете и можно расслабиться, то лучше не заниматься разработкой вообще. Это одна из самых активно развивающихся ниш. Появляются новые технологии, которые не получится изучить за один день и сразу предоставлять платные услуги клиентам. Продолжение следует... WebDEV #советы
  • WebDEV

  • WebDEV

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

  • WebDEV

    📖 Responsive Web Design with HTML5 and CSS 🖋 Ben Frain, 2020 Написанное в фирменном дружеском и неформальном стиле автора, это издание охватывает все новейшие разработки и усовершенствования в области отзывчивого веб-дизайна, включая улучшение доступности для пользователей, переменные шрифты и загрузку шрифтов, CSS Scroll Snap и многое, многое другое. Благодаря новой главе, посвященной CSS Grid, вы поймете, чем он отличается от механизма верстки Flexbox и когда следует использовать один из них вместо другого. Кроме того, вы получите практические знания о SVG, написании доступной HTML-разметки, создании потрясающих эстетических эффектов с помощью CSS, применении переходов, трансформаций и анимации, интеграции медиа-запросов и многом другом. 💾 Скачать книгу WebDEV #book #web #CSS #дизайн #HTML
  • WebDEV

    🛠 GRT Calculator — рассчитывает оптимальный размер шрифта на основе золотого сечения WebDEV #инструменты
  • WebDEV

    💡 Не рассчитывайте на лёгкие деньги IT-стартапы обеспечивают хорошие условия работы, но они не платят деньги просто так. На достойную зарплату могут рассчитывать талантливые специалисты, которые ежедневно доказывают, что их не зря взяли в компанию. Продолжение следует... WebDEV #советы
  • WebDEV

    💡 Не рассчитывайте на лёгкие деньги Опытные разработчики часто говорят, что погружение в их мир — марафон, а не спринт. Надо показать хороший результат на длинной дистанции. За несколько месяцев не получится стать востребованным специалистом и наработать такое портфолио, чтобы крупные компании охотились за новичком. Продолжение следует... WebDEV #советы
  • WebDEV

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

  • WebDEV

    💡 Подборка советов ▫️ Никогда не прекращайте учиться ▫️ Перебрать все элементы и получить новый изменённый массив ▫️ Придерживайтесь методологии и комментируйте ▫️ Перебрать все элементы и выполнить действие ▫️ Отфильтровать массив ▫️ Найти значение, аккумулирующее значения элементов массива WebDEV #подборка #советы
  • WebDEV

    💡 Поставьте цели Подумайте, ради чего идёте в веб-разработку и кем видите себя через 5-10 лет. Если хотите работать в крупной компании и совместно с коллегами развивать полезный проект, то начинайте как можно быстрее получать знания и накапливать опыт. Новички задают одинаковые вопросы. Они хотят узнать, какой язык программирования лучше изучить, чтобы зарабатывать 200-300 тысяч рублей в месяц. Анализировать список популярных языков надо, но только для общего понимания. Можно изучить основы PHP, Javascript, фреймворков и выбрать приоритетное направление. WebDEV #советы #JavaScript #web
  • WebDEV

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

    Курс по Bootstrap 5 Bootstrap сильно упрощает вёрстку сайтов, а именно — их оформление. А с пятой версией у него появилось ещё больше возможностей и выглядеть он стал даже лучше. В этом видео автор создаёт сайт и параллельно рассказывает про фишки Bootstrap и про то, как им пользоваться. К тому же, он учит пользоваться документацией проекта, поэтому видео обязательно к просмотру. 📺 YouTube WebDEV #видео
    Подробный видео курс по Bootstrap 5 на русском языке, Как создать сайт на Bootstrap 5

    В этом курсе вы узнаете как скачать Bootstrap 5 и подключить его в свой проект через CDN и локально. Мы начнем работу с Bootstrap 5. Я расскажу про отличия от Bootstrap 4, а если вы впервые знакомитесь с Bootstrap то вы узнаете для чего нужен этот CSS фреймворк. Создадим шапку сайта на Bootstrap 5. Сделаем градиентный фон с помощью генератора градиента, добавим ссылку на footer с плавной прокруткой, создадим кнопку play на чистом css с помощью генератора треугольников, а так же я покажу как сделать модальное окно на Bootstrap 5 и сделать любое видео адаптивным. Мы сразу все проверим на мобильных устройствах и убедимся, что адаптивная версия выполнена корректно. Я расскажу вам как работать с сеткой Bootstrap 5, как устроена сетка Bootstrap 5 и как делать адаптивные элементы с помощью сетки Bootstrap 5 легко и быстро. Мы создадим раздел с информацией о курсе, где будут использоваться иконки и сетка Bootstrap 5 размером 3 на 3 и размером 2 на 2. Покажу как сделать Аккордеон на Bootstrap 5 любой сложности. Аккордеон позволяет нам скрывать и показывать различные элементы на сайте. Особенность Аккордеона в том, что одновременно может быть открыт только один элемент, а все остальные скрываются. Сделать Аккордеон на Bootstrap 5 очень просто, вы узнаете как настроить и стилизовать аккордеон и добавить новые элементы в аккордеон на Bootstrap 5. После этого я покажу как на Bootstrap 5 добавить адаптивное изображение. Адаптивное изображение на Bootstrap 5 создается очень просто, необходимо использовать специальный класс на любом изображении и оно становится адаптивным. Далее мы создадим очередной раздел нашего сайта на Bootstrap 5. Так же в конце урока вы получите простое задание, которое сможете с легкостью выполнить самостоятельно и закрепить полученные ранее знания по работе с сеткой Bootstrap 5 и другими элементами фреймворка Bootstrap 5. После этого покажу как сделать форму для сбора средств Yoomoney. Форма сбора средств Yoomoney создается очень просто. Далее мы сделаем футера сайта и я расскажу про условия конкурса, в котором может поучаствовать каждый. В завершение курса мы пройдемся по документации Bootstrap 5 и я расскажу про самые основные разделы, покажу где и как найти интересующий вас код и вы с легкостью сможете найти информацию в документации Bootstrap 5 и сделать любые формы, настроить валидацию, создать карточки, слайдеры, сворачиваемые меню, пагинацию, всплывающие подсказки и многое другое. Только после того как вы научитесь искать информацию в документации вы сможете создавать сайты любой сложности без сторонней помощи. Файлы к уроку: https://drive.google.com/file/d/1g5BV9l-vuUpCifVZq0-IrWcdUN2aOSxb/view?usp=sharing Сайт по которому мы верстаем: https://morphismail.github.io/video_course_basic/ Оффициальный сайт Bootstrap 5: https://getbootstrap.com/ Bootstrap 5 на русском языке: https://getbootstrap.su/ и https://bootstrap5.ru/ Документация Bootstrap 5: https://getbootstrap.com/docs/5.0/getting-started/introduction/ Документация Bootstrap 5 на русском: https://getbootstrap.su/docs/5.0/getting-started/introduction/ Условия участия в конкурсе по Bootstrap 5: 1. Написать любой комментарий 2. Сделать репост этого видео в любую соц. сеть 3. Сделать сайт на Bootstrap 5 - https://morphismail.github.io/super_javascript/ 4. Отправить код в zip архиве на почту [email protected] (указать ваше имя в письме) 5. Готовый код можно отправлять в течении месяца после выхода этого видео! (работы принимаются до 22 июля 2021 года) 6. Победитель получит Супер курс по Java Script 00:00 Введение Обзор, загрузка и подключение 04:00 Подключение Bootstrap 5 через CDN 05:55 Начало работы с Bootstrap 5 08:02 Знакомство с сеткой Bootstrap 5 09:39 Скачать Bootstrap 5 локально 11:04 Структура файлов Bootstrap 5 15:16 Подключение Bootstrap 5 локально 16:14 Сниппеты для Bootstrap 5 в VS Code 19:02 Подведение итогов 20:37 Шапка, модальное окно, градиент, треугольник, адаптивное видео 26:10 Документация: https://getbootstrap.com/docs/5.0/layout/grid/ 31:23 Плавная прокрутка до якоря на Bootstrap 5 35:15 Градиентный фон: https://www.colorzilla.com/gradient…

    YouTube
  • WebDEV

    💡 Убедитесь, что вам это нужно Нельзя изучать фронтенд или бэкенд только потому, что это круто. Через полгода или год может оказаться, что совсем нет желания создавать проекты для клиентов или заниматься поддержкой сервисов. Всегда опирайтесь на личные ощущения. Если в процессе обучения поймёте, что не готовы тратить годы жизни на изучение веб разработки, выберите другой путь. Продолжение следует... WebDEV #советы #web
  • WebDEV

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

  • WebDEV

  • WebDEV

    📖 Secure Web Application Development 🖋 Matthew Baker, 2022 Кибератаки становятся все более распространенным явлением, и, по оценкам Open Web Application Security Project (OWASP), 94% сайтов имеют недостатки только в контроле доступа. Атаки развиваются, чтобы обойти новые средства защиты, а средства защиты должны развиваться, чтобы оставаться эффективными. Разработчикам необходимо понимать основы атак и защиты, чтобы постигать новые методы по мере их появления. Эта книга научит вас писать безопасные веб-приложения. 💾 Скачать книгу WebDEV #book #web
  • WebDEV

    💡 Собственная база заказчиков ...Если Вы еще ни разу в жизни не делали сайт, не стоит заявлять о себе как о гуру. Договоритесь лучше с заказчиком, что выполните его (небольшой) заказ за положительно-объективный отзыв. В противном случае может произойти следующее – вы присваиваете себе авторство некого дизайна, либо софта. Заказчик просит выполнить вас нечто схожее, а вы – успешно проваливаете задание. Хорошо еще, если вы просто провалились (до получения оплаты), и у заказчика – уйма времени в запасе! Однако – такое случается крайне редко. Всем требуется «уже вчера»! Поэтому, если вы не уверенны в собственных силах – лучше сразу откажитесь от сложного проекта, и развивайтесь в профессиональном плане, с более легких проектов. WebDEV #советы #дизайн