Совет по JavaScript
Используйте
#советы
@WebDev_Plus
Используйте
Object.entries() вместе с Object.fromEntries(), чтобы переименовать ключи объекта.#советы
@WebDev_Plus
❤8👍6🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Превратите любой репозиторий GitHub в интерактивные диаграммы
Представляем GitDiagram: просто замените "
#советы
@WebDev_Plus
Представляем GitDiagram: просто замените "
hub" на "diagram" в URL-адресе GitHub, чтобы мгновенно визуализировать кодовую базу с помощью интерактивных диаграмм#советы
@WebDev_Plus
👍11❤3❤🔥1🔥1👌1
Django-style.pdf
4.8 MB
Огромный туториал по Django и Django Rest Framework.
Внутри: модели, сервисы, API и сериализаторы, settings, ошибки и обработка исключений, Celery и много чего интересного.
#шпаргалка
@WebDev_Plus
Внутри: модели, сервисы, API и сериализаторы, settings, ошибки и обработка исключений, Celery и много чего интересного.
#шпаргалка
@WebDev_Plus
❤4👍2
WordPress — это популярный инструмент для создания веб-сайтов.
В этом курсе вы узнаете, как с ним работать.
Вы узнаете, как настроить доменное имя и хостинг, установить WordPress, настроить внешний вид сайта и установить плагины, сделать сайт адаптивным и многое другое
https://freecodecamp.org/news/create-a-wordpress-website/
#ресурсы
@WebDev_Plus
В этом курсе вы узнаете, как с ним работать.
Вы узнаете, как настроить доменное имя и хостинг, установить WordPress, настроить внешний вид сайта и установить плагины, сделать сайт адаптивным и многое другое
https://freecodecamp.org/news/create-a-wordpress-website/
#ресурсы
@WebDev_Plus
👎5👍2❤1
👍4❤1
Шпаргалка Python.pdf
13.3 MB
Шпаргалка по Python для самых маленьких — переменные, ключевые слова, типы данных и многое другое.
Создавалась для успешного прохождения экзаменов по информатике, но если вы только начинаете осваивать ЯП — самое оно.
#шпаргалка
@WebDev_Plus
Создавалась для успешного прохождения экзаменов по информатике, но если вы только начинаете осваивать ЯП — самое оно.
#шпаргалка
@WebDev_Plus
❤3👍2
В коллекцию потрясающих ресурсов - бесплатные, лаконичные и максимально полезные
https://htmlreference.io - гид по HTML элементам
https://cssreference.io/ - визуальный гид по CSS свойствам
#ресурсы
@WebDev_Plus
https://htmlreference.io - гид по HTML элементам
https://cssreference.io/ - визуальный гид по CSS свойствам
#ресурсы
@WebDev_Plus
🔥7❤3
Forwarded from IT Portal
Принёс полезное с Хабра — перевод обновленного учебника по Flask от Мигеля Гринберга
Питонисты, налетайте☕️
@IT_Portal
Глава 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:
Используйте
Это отлично подходит для быстрых правок и массовых изменений
#советы
@WebDev_Plus
Используйте
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
Вышел бесплатный инструмент 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
Курс 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
Пошаговый план от 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
Это популярный фреймворк для веб-разработки на 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
Для HTML/CSS и React. Скопируйте и вставьте:
→ http://toggles.dev
@WebDev_Plus
❤11👍2🔥2
Полная шпаргалка по HTML-тегам
Если ты хоть раз забывал, чем отличается
@WebDev_Plus
Если ты хоть раз забывал, чем отличается
<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
> 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
Сохраняйте и изучайте.
@WebDev_Plus
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
На мой взгляд, это самый красивый учебник по HTML и CSS, который можно найти в интернете. 😍
> Полностью бесплатный
> Потрясающая визуальная подача
> Подробные и понятные гайды для новичков
👉 internetingishard.netlify.app
@WebDev_Plus
> Полностью бесплатный
> Потрясающая визуальная подача
> Подробные и понятные гайды для новичков
@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥3