WebDEV
8.95K subscribers
2.22K photos
11 videos
2.73K links
Сообщество веб-разработчиков.

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

Ссылка: @Portal_v_IT

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

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

РКН: clck.ru/3L2oTf
Download Telegram
💡 Подборка инструментов

▫️ Keyframes App — инструмент, который поможет создавать простую и сложную анимацию при помощи визуального онлайн-редактора с временной шкалой.

▫️ SpinKit — простая коллекция загрузочных спиннеров, анимированные с помощью CSS.

▫️ Google Sites — простой, удобный и бесплатный сервис от Google для быстрого создания сайтов на бесплатном хостинге.

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

▫️ Coderbyte — платформа с более 200 задачами, которые вы можете решать напрямую в режиме онлайн на одном из 10 языков программирования.

▫️ Mazwai — сервис, где вы найдёте много стоковых видео для использования в своих целях.

WebDEV #подборка #инструменты
🔥 Лучшее на канале за неделю

1. Каталог товаров на Next.js.

2. BUNDLEPHOBIA — прежде чем добавлять новый пакет в свой проект воспользуйтесь сайтом для получения параметров производительности npm-пакетов.

3. Получение заказов для начинающих.
📖 Pro MERN Stack
🖋 Vasan Subramanian, 2017

Соберите полный стек, необходимый для создания современного веб-приложения, используя React: MongoDB (база данных NoSQL) и Express (фреймворк для серверов веб-приложений), который работает на Node (JavaScript на стороне сервера), очень хорошо дополняют React. В этой книге также будут рассмотрены многие другие инструменты, необходимые для создания полноценного веб-приложения: React Router, React-Bootstrap, Redux, Babel и webpack.

💾 Скачать книгу

WebDEV #book #JavaScript #React
🛠 try.github.io — платформа с полезными ресурсами для изучения Git.

WebDEV #инструменты #Git
💡 Собственная база заказчиков

Когда вы начнете свое собственное плавание, вам наверняка могут пригодиться советы более опытных коллег. Поэтому, вы можете, оставаясь сотрудником той, или иной компании, просить у коллег дружеского совета по реализации задуманного! Только не забывайте, что заниматься вашими проектами нужно в нерабочее время, и не разглашать координаты вашего заказчика, дабы его не перехватила сама компания, либо кто-нибудь из более шустрых коллег.

Продолжение следует...

WebDEV #советы
🔥 Лучшее на канале за неделю

1.
Pro MERN Stack.

2. try.github.io — платформа с полезными ресурсами для изучения Git.

3. Собственная база заказчиков.
WebDEV #test #js

Выберите правильный вариант 👇🏼
🛠 Ico Moon — можно найти 5500+ бесплатных иконок, есть генератор иконок и генератор иконочных шрифтов.

WebDEV #инструменты
💡 Собственная база заказчиков

...Итак, как же собирать собственную базу заказчиков? На первых порах это могут быть друзья, друзья друзей, ну и так далее. Конечно, с друзей деньги требовать – себя не уважать! Но тот, кто не является вашим другом, автоматически превращается в потенциального заказчика. Также, расширять свою базу клиентов, можно путем рекламы ваших услуг на досках объявлений. Последний способ, о котором мы поговорим – это регистрация аккаунта на фриланс-биржах, и получение заказов оттуда. Только прежде, чем вас станут узнавать на той или иной бирже – вам нужно подумать о собственном портфолио.

Продолжение следует...

WebDEV #советы
🔥 Лучшее на канале за неделю

1.
Продвинутый Backend.

2. Ico Moon — можно найти 5500+ бесплатных иконок, есть генератор иконок и генератор иконочных шрифтов.

3. Собственная база заказчиков.
💡 Собственная база заказчиков

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

WebDEV #советы #дизайн
📖 Secure Web Application Development
🖋 Matthew Baker, 2022

Кибератаки становятся все более распространенным явлением, и, по оценкам Open Web Application Security Project (OWASP), 94% сайтов имеют недостатки только в контроле доступа. Атаки развиваются, чтобы обойти новые средства защиты, а средства защиты должны развиваться, чтобы оставаться эффективными. Разработчикам необходимо понимать основы атак и защиты, чтобы постигать новые методы по мере их появления. Эта книга научит вас писать безопасные веб-приложения.

💾 Скачать книгу

WebDEV #book #web
🔥 Лучшее на канале за неделю

1.
Secure Web Application Development.

2. Neumorphism.io — вы можете поиграться с настройками цвета, тени и формы, а на выходе получите готовый CSS-код для встраивания.

3. Собственная база заказчиков.
WebDEV #test #HTML

Выберите правильный вариант 👇🏼
📑 Ответ
Anonymous Quiz
74%
<quote>
17%
<q>
7%
<citation>
2%
<a>
💡 Убедитесь, что вам это нужно

Нельзя изучать фронтенд или бэкенд только потому, что это круто. Через полгода или год может оказаться, что совсем нет желания создавать проекты для клиентов или заниматься поддержкой сервисов.

Всегда опирайтесь на личные ощущения. Если в процессе обучения поймёте, что не готовы тратить годы жизни на изучение веб разработки, выберите другой путь.

Продолжение следует...

WebDEV #советы #web
💡 Поставьте цели

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

Новички задают одинаковые вопросы. Они хотят узнать, какой язык программирования лучше изучить, чтобы зарабатывать 200-300 тысяч рублей в месяц. Анализировать список популярных языков надо, но только для общего понимания. Можно изучить основы PHP, Javascript, фреймворков и выбрать приоритетное направление.

WebDEV #советы #JavaScript #web
🔥 Лучшее на канале за неделю

1. Курс по Bootstrap 5.

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

3. Убедитесь, что вам это нужно.