WebDev+ | Веб-разработка
8.32K subscribers
504 photos
241 videos
10 files
700 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
Если вы хотите стать отличным бэкенд-разработчиком, вам нужно создавать много проектов.

И в этом курсе вы найдете три таких проекта: генератор блогов, клон Netflix и клон Spotify.

Вы отточите свои навыки работы с бэкендом, используя такие инструменты, как Python, Django и PostgreSQL.

https://www.freecodecamp.org/news/backend-web-development-three-projects/

#ресурсы

@WebDev_Plus
🔥62
Совет по JavaScript

Используйте Object.entries() вместе с Object.fromEntries(), чтобы переименовать ключи объекта.

#советы

@WebDev_Plus
8👍6🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Превратите любой репозиторий GitHub в интерактивные диаграммы

Представляем GitDiagram: просто замените "hub" на "diagram" в URL-адресе GitHub, чтобы мгновенно визуализировать кодовую базу с помощью интерактивных диаграмм

#советы

@WebDev_Plus
👍113❤‍🔥1🔥1👌1
Django-style.pdf
4.8 MB
Огромный туториал по Django и Django Rest Framework.

Внутри: модели, сервисы, API и сериализаторы, settings, ошибки и обработка исключений, Celery и много чего интересного.

#шпаргалка

@WebDev_Plus
4👍2
WordPress — это популярный инструмент для создания веб-сайтов.

В этом курсе вы узнаете, как с ним работать.

Вы узнаете, как настроить доменное имя и хостинг, установить WordPress, настроить внешний вид сайта и установить плагины, сделать сайт адаптивным и многое другое

https://freecodecamp.org/news/create-a-wordpress-website/

#ресурсы

@WebDev_Plus
👎5👍21
Давайте разберёмся, как на практике использовать известный sessionStorage

#советы

@WebDev_Plus
👍41
Шпаргалка Python.pdf
13.3 MB
Шпаргалка по Python для самых маленьких — переменные, ключевые слова, типы данных и многое другое.

Создавалась для успешного прохождения экзаменов по информатике, но если вы только начинаете осваивать ЯП — самое оно.

#шпаргалка

@WebDev_Plus
3👍2
В коллекцию потрясающих ресурсов - бесплатные, лаконичные и максимально полезные

https://htmlreference.io - гид по HTML элементам

https://cssreference.io/ - визуальный гид по CSS свойствам

#ресурсы

@WebDev_Plus
🔥73
Forwarded from IT Portal
Принёс полезное с Хабра — перевод обновленного учебника по Flask от Мигеля Гринберга

Глава 1: Привет, мир! (тык);
Глава 2: Шаблоны (тык);
Глава 3: Веб-формы (тык);
Глава 4: База данных (тык);
Глава 5: Логины пользователей (тык);
Глава 6: Страница профиля и аватары (тык);
Глава 7: Обработка ошибок (тык);
Глава 8: Подписчики (тык);
Глава 9: Разбивка на страницы (тык);
Глава 10: Поддержка электронной почты (тык);
Глава 11: Дизайн приложения (тык);
Глава 12: Дата и время (тык);
Глава 13: I18n и L10n (тык);
Глава 14: Ajax (тык);
Глава 15: Улучшенная структура приложения (тык);
Глава 16: Полнотекстовый поиск (тык);
Глава 17: Развертывание на Linux (тык);
Глава 18: Развертывание на Heroku (тык);
Глава 19: Развертывание на контейнерах Docker (тык);
Глава 20: Немного магии JavaScript (тык);
Глава 21: Уведомления пользователей (тык);
Глава 22: Фоновые задания (тык);
Глава 23: Интерфейсы прикладного программирования (API) (тык).


Питонисты, налетайте ☕️

@IT_Portal
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Совет для VS Code:

Используйте Ctrl + Shift + L, чтобы мгновенно выделить все вхождения выделенного текста в текущем файле.

Это отлично подходит для быстрых правок и массовых изменений

#советы

@WebDev_Plus
18👍10🔥8👏2
This media is not supported in your browser
VIEW IN TELEGRAM
Все веб-разработчики ликуют

Вышел бесплатный инструмент Same.dev, который генерирует код, точно копирующий любой указанный сайт

На видео — примеры копирования сайтов вроде Nike, Apple TV, Minecraft.

—> cсылка на инструмент

#ресурсы

@WebDev_Plus
👍6💯2
Хочешь разобраться в веб-разработке с нуля и бесплатно?

Курс CS50’s Web Programming with Python and JavaScript от Гарварда — топовый выбор.

> HTML, CSS, Git
> Python + Django
> JavaScript + API + AJAX
> PostgreSQL и ORM
> Безопасность, CI/CD, тесты

Всё бесплатно, онлайн, на английском

Сайт курса: https://cs50.harvard.edu/web/2020/

Идеально, если уже прошёл базовый CS50 или хочешь перейти от теории к практике ❤️

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
8
Как масштабировать сайт до 1 000 000 пользователей

Пошаговый план от Neo Kim — от MVP до продвинутой прод-системы:

> Prelaunch

— Статический фреймворк, минимум затрат

> 10 пользователей

— Одна виртуалка на всё, не усложняй

> 100 пользователей

— Раздели БД и бэкенд по виртуалкам
— Подготовься к масштабированию

> 1 000 пользователей

— Зоны доступности
— Serverless для редких задач
— Монолит (ещё можно)
— Репликация базы (лидер/фолловер)

> 10 000 пользователей


— Включи автоскейлинг
— Клонируй stateless-сервер
— Кэшируй популярные чтения
— Балансируй нагрузку
— CDN для статики и видео
— Введи 3-уровневую архитектуру

> 100 000 пользователей


— Микросервисы
— Ещё больше зон доступности
— Кэш между БД и бэком
— Контейнеры и Kubernetes

> 1 000 000 пользователей


— Федерация и шардинг БД
— Сервера по регионам
— Глобальный балансировщик

Сохраняй как шпору и влепи лайк ❤️

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19
Сегодня нашёл этот курс по Laravel

Это популярный фреймворк для веб-разработки на PHP, известный своими удобными встроенными функциями и дружелюбными инструментами для разработчиков.

В этом курсе ты научишься использовать Laravel для создания полноценного клона Medium.

Ты узнаешь о моделях, миграциях, шаблонизации Blade, компонентах, валидации форм и многом другом.

> https://freecodecamp.org/news/learn-laravel-by-building-a-medium-clone/ 🤍🤍

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
3
This media is not supported in your browser
VIEW IN TELEGRAM
Лучшие кнопки с темным режимом для вашего сайта

Для HTML/CSS и React. Скопируйте и вставьте:

http://toggles.dev

@WebDev_Plus
11👍2🔥2
Полная шпаргалка по HTML-тегам

Если ты хоть раз забывал, чем отличается <article> от <section>, или какой тег нужен для встраивания видео — сохраняй себе эту таблицу

@WebDev_Plus
10🔥3
Лучшие расширения VS Code для веб-разработчиков.

> LiveServer — запускает локальный сервер с автообновлением при сохранении файлов. Удобно для быстрой верстки.

> Prettier — автоформатирование кода по заданным правилам. Работает с HTML, CSS, JS и др.

> ESLint — анализирует JS/TS-код и находит потенциальные ошибки и несоблюдение стиля.

> Auto Rename Tag — автоматически переименовывает закрывающий тег при изменении открывающего.

> HTML CSS Support — даёт автодополнение и поддержку классов CSS прямо в HTML.

> CSS Peak — переход к определению CSS-класса из HTML-файла. Как Go to Definition.

> Bracket Pair Colorizer — подсвечивает парные скобки разными цветами, помогает читать вложенности.

> Code Spell Checker — проверка орфографии в коде (комментарии, строки и т.п.).

> Debugger for Chrome — отладка JavaScript-кода прямо из VS Code через Chrome.

> GitLens — расширенная работа с git: авторы строк, история, blame и визуализация изменений

😈😈

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥3👌3❤‍🔥1
400+ JS Interview Questions.pdf
4.4 MB
Готовимся к собеседованию — 400 популярных вопросов и ответов для JavaScript-разработчика.

Сохраняйте и изучайте.

@WebDev_Plus
👍2