Web Lab | Веб разработка
6.5K subscribers
118 photos
10 videos
311 links
Лучший бесплатный материал для начинающих программистов

Сотрудничество: @AmerigoVes

- Всё самое лучшее для Web-разработчиков
- IT инструменты, хитрости и секреты
- Отборные материалы для FullStack-специалистов
- Новости из мира IT
Download Telegram
📖 Самоучитель по Python для начинающих. Часть 2. Все, что нужно для изучения Python с нуля – книги, сайты, каналы и курсы

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

#учись #полезныйресурс #python
📒Бесплатный учебник по программированию: от вёрстки до Laravel

На этом сайте, собраны теории по многим темам веб-разработки — вёрстка, JavaScript, PHP, TypeScript, NodeJS, SQL, Vue, React, Laravel. А наличие заданий в конце темы поможет закрепить знания на практике.

#полезныйресурс #учись
🗂 Полный курс по веб разработке с нуля на Python + Django

В этом курсе, Вы рассмотрите всё, что Вам нужно знать, чтобы создать сайт с использованием Python, Django и многих других веб-технологий.

#python #полезныйресурс #учись
💈 Анимация границ с помощью свойств CSS

В этой статье Вы увидите, как можно использовать CSS для создания эффектных границ.

#учись #css
🧮 Использование CSS-селектора :has() на примерах

Итак, :has() — это CSS-псевдокласс родительского селектора. Другими словами, с помощью :has() можно изменить родительский элемент, содержащий определённый дочерний элемент либо элемент, следующий за ним.

В этой статье автор показал, как работает этот псевдокласс на наглядном примере, создав аналог Dock из MacOS.

#учись #css
📝40 полезных однострочников для JavaScript на любой случай

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

В этой подборке Вы найдёте более 40 полезных однострочников, решающих Ваши задачи.

#учись #полезныйресурс #javascript
🖼 Красивый параллакс, работающий от скролла

В этом проекте автор реализовал анимацию смены времени суток с помощью скролла. Для создания анимации использовалась библиотека GSAP.

#полезныйресурс
📚 ​​Ещё одна подборка книг по фронтенду

В этой статье собрано 8 книг, которые рекомендуют прочитать разработчики.

#полезныйресурс #учись
🖥 Как легко и быстро создать веб-приложение на базе МО с помощью Python

В этой статье показано, как с нуля развернуть модель линейной регрессии с помощью Flask, фреймворка Python для разработки веб-приложений. По результатам этого гайда Вы сможете поэкспериментировать с простой моделью машинного обучения в браузере.

#учись #python
📕 Flask за час. Часть 1: создаем адаптивный сайт для GitHub Pages

Изучаем основные принципы работы фреймворка, разрабатывая личный сайт с резюме, портфолио, блогом и контактной формой.

📗 Flask за час. Часть 2: завершаем разработку и размещаем сайт на GitHub Pages

Создаем разделы «Резюме», «Портфолио», «Блог», «Контакты», экспортируем статические страницы и заливаем сайт на хостинг.

#учись #python
🧿 Как создать QR-код для сайта

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

#учись #javascript
📥 📤​​ Разработка и тестирование сортируемых компонентов Drag and Drop

В этой серии статей, Вы рассмотрите задачу разработки и тестирования сортируемых компонентов Drag-and-Drop.

#учись
📝 Лучшие практики REST API — примеры проектирования конечных точек

REST по факту является самым распространенным стандартом при разработке API для веб. В этой статье, Вы разберёте восемь рекомендаций, которые позволят не допустить ошибок в создании собственного REST API.

#учись
🗃 Несколько советов по работе с CORS для начинающих разработчиков

В этой статье, Вы разберётесь, что такое CORS, CORS-ошибки и из-за чего можно с ними столкнуться. Также узнаете возможные решения и объяснения, что такое предварительные (preflight) запросы, CORS-заголовки и в чем заключается их важность при обмене данными между сторонами.

#учись
📱 Telegram WebApps. Как встроить веб-приложения в чат-бота?

Встроенные веб-приложения поддерживают авторизацию пользователя (проверку его подлинности), встроенную оплату через различных провайдеров, кастомизацию под выбранную пользователем тему и многое другое. Эта статья — обзор основных моментов внедрения веб-приложениий в телеграм-ботов.

#javascript #python #javascript
🗃 Изучение TypeScript — Полное руководство для начинающих. Часть 1 — Введение и примитивные типы данных

В этой серии статей (ссылки на другие части, можно найти в самой статье) Вы узнаете: что такое TypeScript, и почему нужно изучить его, как создать проект с использованием TypeScript, главные концепты TypeScript (типы, интерфейсы, дженерики (обобщенные типы), утверждение типов и многое другое), как использовать TypeScript с React'ом. Даже если Вы не планируете изучать TypeScript, знакомство с ним позволит Вам глубже понять JavaScript и стать лучше, как разработчик.

#учись #полезныйресурс
🎄 Поздравляю всех с НОВЫМ ГОДОМ!!! Пусть 2023 год будет полон позитивной информации, чтобы электронная почта разрывалась от заказов, чтобы серваки не падали, программы были удачны, а код без багов и ошибок. Чтобы в Новом году все Ваши проекты реализовались. Счастья и любви. Спасибо, что подписаны и читаете канал ❤️❤️❤️
🎮 Как сделать игру 2048 на React

Автор самостоятельно реализовал игру 2048. В своей версии он использовал хуки библиотеки React, её Context API, а также TypeScript и LESS. Помимо туториала в статье Вы найдёте ссылки на игру, её код и демо анимации.

#учись
📑 Создание сайдбара с помощью HTML, CSS и JavaScript

Этот гайд позволит Вам создать с нуля боковую панель и настроить её по своему усмотрению.

#javascript #css #html #учись
🎙 Microsoft создала инструмент имитации любого голоса, которому достаточно трёхсекундного образца голоса

Модель разработанного искусственного интеллекта названа VALL-E. По утверждению разработчиков, модель способна точно воспроизвести голос любого человека — для этого модели достаточно трёхсекундного образца. Услышав конкретный голос, VALL-E создаст аудиозапись того, как человек говорит что-то, причём постарается сохранить даже его эмоциональный тон.

Технология представляет собой нейронную языковую модель, в основе которой лежит EnCodec. VALL-E с помощью неё разделяет голос человека на отдельные компоненты. Потом эти компоненты или как их называют «лексемы», нейросеть сопоставляет с соответствующими голосами в своих обучающих данных для создания новых фраз.

Хоть Microsoft и представила на GitHub эту языковую модель, она не опубликовала код VALL-E в открытом доступе. Компания считает, что может быть риск неправильного использования модели.

#измираIT
📬 Список кодов состояния HTTP

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

Основные категории:
1xx. Информационные 100 - 199
2xx. Успешные 200 - 299
3xx. Перенаправления 300 - 399
4xx. Клиентские ошибки 400 - 499
5xx. Серверные ошибки 500 - 599

#полезныйресурс #учись