Курс-практикум "Транзакции и работа с ними" - это часть базовых знаний необходимых при разработке в нагруженных или крупных системах. На курсе по транзакциям подробно разбираются ошибки, приводящие к потере данных. При работе с нагруженными системами (от 500 пользователей, 1 Тб) эти знания становятся необходимыми. Они позволят не терять данные из-за неожиданных моментов/ошибок и обеспечить параллельную работу кода.
Объем курса: теория 1-2 часа, практика до 2 часов.
Программа курса
Теория:
Ключевые вопросы:
- зачем нужна
- свойства транзакций
- что такое транзакция
- зачем нужна транзакция
- где выполняется транзакция и что сохраняет
- вложенные транзакции
- проблемы открытой транзакции + правила обработки транзакций
Практика:
Ключевые вопросы:
- свойства транзакций
- время жизни транзакции: клиент серверный вызов, вложенный серверный вызов
- восстановимые и не восстановимые ошибки
- пример изолированности транзакции
- пример согласованности транзакции
- откат изменений в транзакции: изменение в памяти
- вложенные транзакции: откат, откат с фиксацией
- явные и не явные транзакции
- проблемы при проверке активности транзакций
- правила корректной обработки транзакций
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
Новые складчины | страница 32
Страница 32 из 34
Категории
-
[infostart] Транзакции и работа с ними (Павел Макаров)
14 май 2024
-
[GetAnalyst] Карьера и собеседования
13 май 2024
- Встреча с HR - процесс найма, оформление резюме и подготовка к собеседованию
- Собеседование для СА
- Системный аналитик: вклад в IT проекты
- 5 лайфхаков для создания цепляющего резюме
- Объектно-ориентированное программирование
- Команда разработки в США и место аналитика в ней
- Собеседование на системного аналитика
- Навыки аналитика: с чего начать и как расти
- 8 вебинаров
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
Хардкорная веб-разработка (Алексей Голобурдин)
12 май 2024
Хардкорная веб-разработка - всё, что нужно уметь мощному разработчику под веб
Чтобы быть эффективным веб-разработчиком — неважно, backend, frontend, fullstack — мало знать только синтаксис выбранного языка программирования, например, Python или JavaScript. Для уверенной разработки веб-систем нужно иметь понимание и реальные навыки по всем технологическим блокам, работающим на разных слоях приложения.
Этих слоёв немало — это сам Интернет с его архитектурой и протоколами, это и серверные операционные системы Linux, и бэкенд-стек технологий, включающий в себя выбранный язык программирования, фреймворки, базы данных, системы планирования выполнения и прочее, это и целый спектр фронтенд-технологий.
Вне зависимости от того, работаешь ты бэкенд или фронтенд разработчиком, только фундаментальное понимание всех слоёв системы позволяет тебе быть эффективным, уверенным в своих силах специалистом, способным к красивому и эффективному решению задач веб-разработки.
Плюс — передовые методики разработки ПО. Асинхронные решения, автотесты, информационная безопасть, CI/CD.
Цель этого курса — дать тебе все необходимые навыки и закрепить их на практике.
Для кого этот курс
Этот курс создан специально для тебя, если:
- ты готов к хардкорному погружению в веб-разработку
- ты ещё не начал погружаться в тему веб-разработки и хочешь начать это делать правильно — от фундамента к первому этажу и выше
- ты уже начал изучать язык программирования, но как полноценно создавать веб-системы и как они работают, у тебя понимания нет
- ты уже разрабатываешь веб-системы, но хочешь стать более эффективным мощным бойцом, понимающим, как всё работает на всех уровнях приложения
- ты хочешь увидеть, как делаются настоящие большие веб-проекты и хочешь на реальной практике научиться делать такие же
- ты хочешь научиться писать качественный код и выстраивать расширяемую архитектуру своих приложений
- ты стажер, джун, мидл, сеньор, архитектор или президент компании (Билли, Гейтс, ты тоже приходи, потрындим)
Основа этого курса — практика. Подкрепляют практику сотни наглядных видео-уроков и текстовых материалов.
Благодаря наглядным демонстрациям, тебе не придётся сомневаться «как он это установил» или «как именно он это сделал» — ты видишь своими глазами все шаги. С момента установки Python на свой компьютер и до готового опубликованного на своём домене и своих серверах большого проекта (rroom), все шаги со всеми объяснениями.
Тесты и практические задания на курсе делятся на две категории. Одни задания проверяются автоматически платформой курса, которую мы специально разработали для него. Другие задания проверяются лично автором курса. Это и задания со свободной формой ответа, и задания на программирование с код-ревью автора курса, и комплексные большие проекты, которые вы будете делать на курсе.
Вся коммуникация по данному курсу проходит только с автором. С одной стороны, это позволяет тебе получить максимально качественную поддержку и обратную связь во время прохождения курса, с другой — это не позволяет сделать курс дешёвым. В больших образовательных компаниях стоимость курса обусловлена огромными затратами на маркетинг, в нашем же с тобой случае — на подготовку и ведение самого курса.
Как создаются настоящие проекты? (Покажу на курсе)
Изучив язык программирования, какой-то фреймворк и сталкиваясь затем с реальным проектом, зачастую мы не знаем, как к нему подступиться, как его правильно начать и как его правильно сделать.
На курсе я покажу реализацию книжного сервиса rroom.io — от дизайна до готового сайта, которым пользуются люди.
Rroom — это проект для тех, кто читает книги. Регистрация пользователей, ведение книжных подборок, отзывов, комментарии, стены, интеграция интернет-эквайринга для оплат на сервисе, реализация автоматизированной рекламы и многое другое.
Будет показан весь процесс разработки и весь используемый тулинг. Стек: Python, FastAPI, SQLAlchemy, PostgreSQL, Redis, Dramatiq, TypeScript, SolidJS. Конкурирующие фреймворки (Django, React) также найдут отражение в курсе.
А затем и ты на курсе реализуешь свой большой веб-проект, применив все полученные знания и навыки.
- Подготовка
- Цели курса
- Как будет проходить курс
- Границы тем курса
- Как потратить время зря
- Как получить от курса максимум
- Многозадачность, сон, скорость
- Задания, Google и ChatGPT
- Разделы КОМП — Как Оно Мне Поможет
- Задавайте вопросы
- Платформа
- Практика — rroom
- Книги!.md
- Цели курса
- Как работает компьютер
- Computer Science
- Римские и арабские цифры
- А если бы у нас было шесть пальцев
- Когда ленточка — это всё, что нужно
- Биты-байты
- Шестнадцатеричная система счисления
- Как научить электричество считать
- Цифровая и аналоговая техника
- Как Software меняет правила игры, Assembler
- Hardware — основное компьютерное железо
- Итоги
- Дополнительные материалы
- Computer Science
- Программное обеспечение
- Клавиатура, мышь, голос, мысль
- Как достичь слепого набора текста
- Операционные системы
- Установка удобного эмулятора терминала
- Установка GNU/Linux в Windows 10 с WSL
- Переключение версии WSL
- Установка Debian GNU/Linux в Oracle Virtualbox
- Установка Debian GNU/Linux на Apple Silicon Mac с UTM
- SSH-подключение к виртуальной машине
- Искусственный интеллект коровы
- Интеграция Windows и GNU/Linux с WSL
- Кодировки и hex-дампы
- Обходим защиту почтовых программ
- Языки программирования
- Эффективность языков программирования и программ
- Компилятор и интерпретатор
- Алгоритмы
- Пример — бинарный поиск
- Структуры данных
- Как гуглить
- Время, UTC, таймзоны, синхронизация
- Итого
- Дополнительные материалы
- Клавиатура, мышь, голос, мысль
- GNU/Linux
- Из чего сделаны облака
- Перемещения в пространстве (во времени будет дальше)
- Маски-шоу
- История команд и невероятные возможности
- Редактирование команд
- Философия Unix
- Стандартный поток вывода
- Стандартный поток вывода ошибок
- Стандартный поток ввода
- Каналы и конвейеры
- Чёрная дыра
- Тройничок — это хорошо
- Создаём и удаляем
- Чистота чисто Тайд
- Консольные текстовые редакторы nano, micro, helix
- Работаем только с нужными частями файла
- Следим за изменениями вывода команды
- Права суперпользователя
- Осваиваем перемещение во времени
- Псевдонимы
- «Помогити!»
- Переменные окружения HOME, USER, PWD
- Переменная окружения PATH, команда type
- Переменная окружения CDPATH
- Основные директории GNU/Linux и их назначение
- Жёсткие и символические ссылки
- Пользователи и группы
- Права доступа
- Битовая маска прав доступа
- Архивирование и разархивирование
- Поиск
- Терминальные мультиплексоры screen, tmux, zellij
- Процессы и утилиты top, htop
- Загрузка файлов из сети
- Оболочки bash, zsh, fish, nushell
- bat и другие современные аналоги
- make-файлы
- Итого
- Дополнительные материалы
- Из чего сделаны облака
- Как работает Интернет и веб — основы
- КОМП
- Компьютерные сети. Сетевые интерфейсы
- Ещё железяки — концентраторы и коммутаторы
- MAC-адреса, слежка АНБ и реклама
- Маршрутизаторы (роутеры), Internet
- Локальные и глобальные сети LAN & WAN
- Клиент-сервер
- Спецификации (протоколы), OSI-модель
- Сетевые протоколы TCP IP
- IP и порт
- NAT
- IPv4, IPv6, DNS
- Прокси-сервера и VPN
- DHCP
- Дополнительные материалы
- КОМП
- DNS
- DNS
- Доменные зоны
- Выбор и покупка домена rroom io
- Система DNS серверов
- DNS-записи
- Как посмотреть DNS записи любого домена
- NS-сервера и DNS-записи
- Файл hosts и доменное имя localhost
- Создание почты в своём домене hi(собака)rroom.io
- DNS
- HTTP, HTTPs
- Что такое протокол HTTP
- Установка Telnet
- Ещё раз о TCP-портах
- Творим дичь — отправка HTTP-запроса вручную
- HTTP-методы
- Безопасность и идемпотентность веб-сервисов
- HTTP-статусы
- HTTP-заголовки
- Смотрим HTTP-данные в Chrome Developer Tools
- Из чего состоит URL
- Как данные передаются на сервер
- Методология REST
- HTTPs
- Дополнительные материалы
- Что такое протокол HTTP
- HTTP2
- Как всё было — HTTP/0.0, HTTP/1.0, HTTP 1.1
- Проблемы HTTP/1.1
- Решения HTTP2
- Что будет дальше
- Как всё было — HTTP/0.0, HTTP/1.0, HTTP 1.1
- Сессии, cookies, безопасность
- Аутентификация и авторизация
- Хеш-функции
- Хранение паролей, механизм аутентификации
- Cookies — кто и как устанавливает и использует
- Работа Cookies, безопасность
- Подпись Cookies хешем
- Аутентификация и авторизация
- Быстрое погружение во frontend
- Фронтенд и бэкенд Компонены фронта и бэка
- HTML, CSS
- Запуск веб-сервера, абсолютный и относительны
- Делаем свой Интернет
- HTML-формы
- Chrome developer tools
- Смочить лапки в JavaScript
- Хакаем игру с динозавром в Google Chrome
- Фронтенд и бэкенд Компонены фронта и бэка
- Python для самых маленьких хардкорщиков
- Собстна, а почему Python?
- Изучение языка программирования
- Как пишутся программы
- Установка Python и настройка VS Code
- Снова о блокноте
- Практика
- Переменные
- Как работают переменные в Python
- Числовые типы данных
- Строки
- Булевы
- Преобразования типов
- Ветвление логики
- Списки
- Циклы
- Бесконечный цикл
- Кортежи
- Множества
- Словари
- Когда какую структуру использовать
- Работа с аргументами командной строки
- Функции
- Рекурсия
- Сортировка данных
- Области видимости переменных
- Нейминг, type hinting, комментарии
- Объекты
- Исключения
- Пакеты, модули
- Синтаксический сахар
- Работа с датами и временем, таймзоны
- Регулярные выражения
- Удобности стандартной библиотеки
- Запуск внешних утилит
- Виртуальные окружения — venv, pip, poetry, pdm
- Баги и работа с ними
- Критерии хорошей программы
- PEP8
- Собстна, а почему Python?
- Python для подрастающих хардкорщиков
- Документация
- Процедурное и объектно-ориентированное программирование
- Позиционные и keyword аргументы
- Внутренние и анонимные функции
- Замыкания
- args и kwargs
- Генераторы (не дизельные)
- Декораторы
- Инкапсуляция
- Наследование
- Полиморфизм
- Protected и private атрибуты
- Конструктор и инициализатор
- Геттеры и сеттеры
- Property
- Кэширование результатов функции
- Методы — классов, объектов и статические
- Абстрактные классы и интерфейсы
- Агрегация и композиция
- Важные дандер-методы
- Когда использовать классы
- Датаклассы, attrs, pydantic
- == и is
- Кортежи-таки можно менять
- map, filter, reduce и pythonic-аналоги
- Ссылочные параметры функции
- Функции как объекты
- defaultdict
- Свои исключения
- Строки и байты, BOM
- Сериализация и десериализация данных
- pickle, json, xml, protobuf
- Подсказки типов
- Утиная и гусиная типизация
- Статическая структурная типизация
- Регулярные выражения
- Перегрузка операторов
- Контекстный менеджер
- Pattern matching
- Инструментарий — ruff, black и другие
- Анализ скорости выполнения
- Настройка логирования
- Профилирование
- Дебаг
- Рефакторинг и инструменты
- Документация
- Pythonic код
- Zen of Python
- Используй распаковку кортежей
- Однострочники
- Используй enumerate
- Используй слайсы
- Хитрая сортировка
- dict.get vs KeyError
- Объединение словарей
- Знай и используй стандартную библиотеку
- Используй pathlib
- Используй моржовый оператор
- Возбуждай исключения
- Используй генераторы
- Используй itertools
- Не пренебрегай функциями перед классами
- Простые геттеры и сеттеры для джавистов
- Используй контекстные менеджеры
- Используй Decimal для точных вычисления
- Используй __repr__
- Создавай пакеты
- Zen of Python
- Алгоритмы и структуры данных
- Алгоритмы
- Сложность алгоритма
- О большое
- Сортировка пузырьком
- Быстрая сортировка
- Сортировка слиянием
- Сортировка методом Шелла
- Массивы и связанные списки
- Кортежи
- Словарь
- Множество
- Стек и очередь
- Линейный поиск
- Бинарный поиск
- Алгоритм Дейкстры
- Жадные алгоритмы
- Как мы на практике NP-полную задачу решали
- README
- Алгоритмы
- Как писать хорошо, а нехорошо не писать
- Искусство или навык
- Нейминг
- Форматирование
- Комментарии
- DRY
- KISS
- YAGNI
- Как писать хорошие функции и методы
- Проектирование от функций
- Функции большие и малые
- Отмерять и отрезать
- Закон Деметры
- Принцип единой ответственности
- Принцип окрытости-закрытости
- Принцип подстановки Барбары Лисков
- Принцип разделения интерфейсов
- Принцип инверсии зависимостей
- Low Coupling, High Cohesion
- Принцип наименьшего удивления
- Абстракции
- Смешение уровней абстракции
- Валидации, проверки, исключения
- Оценка качества программы
- Рефакторинг
- Борьба со сложностью
- Термины бизнес-области
- Искусство или навык
- Git
- Git — must-have инструмент любого разработчика
- Установка
- Инициализация Git-репозитория и что происходит под
- Первый коммит
- Список коммитов и информация о коммите
- Индекс и объектное хранилище Git
- Што такое, зачем так сложно, Линус, я недоволен
- Как добавить в репозиторий пустую директорию
- Как закоммитить сразу несколько файлов
- Как включать игнор
- Удобные сокращения git-команд
- Удобная история изменений проекта
- Создание новой ветки
- Сливаем ветки
- Красота и величие указателя HEAD
- GUI для работы с Git
- Merge-коммит и его особенности
- Конфликты слияния
- Изучаем разницу версий
- Откат изменений в рабочей директории или индексе
- Сброс проекта до старого коммита
- Подправить последний коммит
- rebase для предотвращения merge-коммитов
- rebase для объединения коммитов
- Клонируем удалённый репозиторий
- Создаём свой удалённый репозиторий
- Pull Request A.K.A. Merge Request
- Кто, когда и зачем добавил эту строку в проект
- Изменения истории веток, уже отправленных на сервер
- Тайные тайники Git
- cherry-pick и патчи (не корейские)
- Другие возможности Git
- Gitflow, GitHub Flow — организационный процесс работы с Git
- Правила комментирования коммитов
- pre-commit
- Markdown
- Итого
- Дополнительные материалы
- Git — must-have инструмент любого разработчика
- Контейнеризация — Docker, Podman и коллеги
- Что такое контейнеризация?
- Оркестратор, движок контейнеров, OCI рантайм
- Как работают контейнеры
- Образы контейнеров
- Docker vs Podman
- Запуск и остановка контейнера
- Вход в контейнер
- Работа с образами и контейнерами на локальном компьютере
- Dockerfile, Containerfile, сборка образа
- docker-compose, podman pods
- Volumes
- Сеть
- Вопросы безопасности контейнеров
- Пример контейнеризованного Python веб-приложения
- Деплой с контейнерами
- Дополнительные материалы
- Что такое контейнеризация?
- Первая практика с FastAPI
- Постановка задачи
- Пишем HTTP сервачелло на голом Python
- О фреймворках и библиотеках
- Пишем Hello World на FastAPI
- Создаём HTML шаблон
- Создаём и стилизуем форму логина
- Принимаем данные формы на бэкенде
- Проверка логина и пароля из формы
- Сохраняем пользователя в Cookies
- Читаем Cookie запись
- Цифровая подпись Cookies
- Хеширование паролей
- JavaScript и AJAX
- SPA и JS фреймворки
- Варианты передачи данных в запросе
- Веб-сокеты
- Git
- Покупка и настройка домена
- Привязка домена к серверу
- Перенос приложения на сервер
- Настройка сертификата
- Постановка задачи
- SQL и PostgreSQL
- О PostgreSQL
- Установка PostgreSQL в контейнере
- Установка PostgreSQL в Linux из пакетного менеджера
- Сборка PostgreSQL из исходников
- Установка PostgreSQL установщиком на маке
- Тулзяшечки — psql, pgcli, DBeaver, PyCharm
- ACID
- Термины — реальные и задротские
- Первичный ключ и внешний ключ
- Основные типы данных
- DDL, DML, DCL, TCL и прочий БДСМ
- Создаём пользователя
- Создаём БД, схему, таблицы, связи
- Комментарии в SQL и к таблицам-колонкам
- Вставка данных
- Простейшие выборки
- Обновление и всякое хитрое удаление данных
- Операторы и фильтрация выборки
- Сортировка выборки
- Ограничение количества возвращаемых данных
- Псевдонимы = алиасы = aliases
- LIKE, ILIKE
- Использование даты и времени
- CASE WHEN
- Выборка из нескольких таблиц — JOIN
- Coalesce и значения NULL
- Подсчет количества результата
- Группировка результатов выборки
- Фильтрация вкупе с группировкой
- Агрегатные функции
- Работа со строками
- Приведение типов
- Подзапросы
- UNION, EXCEPT, INTERSECT
- Вьюшки обычные и материализованные
- CTE
- Оконные функции
- Пример с оконными функциями
- Транзакции
- Read Committed изоляция транзакций
- Repeatable Read изоляция транзакций
- Serializable изоляция транзакций
- Массивы
- JSON и JSONB
- Индексы в PostgreSQL
- Индекс на уникальность
- Индекс по выражению
- Частичные индексы
- Виды индексов PostgreSQL
- Полнотекстовый поиск в PostgreSQL
- Нормализация и денормализация
- Репликация и шардинг
- Что использовать в качестве первичного ключа?
- Временные таблицы
- TRUNCATE
- Триггеры и правила
- EXPLAIN
- OLTP и OLAP
- PL/pgSQL
- Получаем размер базы данных
- Стратегии бэкапов
- Пулер запросов PgBouncer и Yandex Odyssey
- SQLite
- Дополнительные материалы
- О PostgreSQL
- Redis
- Зачем нам этот ваш ещё Redis?
- Установка Redis
- Что внутри
- Строки
- Хеши
- Списки
- Множества
- Отсортированные множества
- Транзакции
- Срок жизни ключей
- Pub-sub
- Streams
- Репликация
- Дополнительные материалы
- Зачем нам этот ваш ещё Redis?
- Асинхронный Python
- Как оно работает обычно
- Процессы, потоки, корутины
- GIL
- Чем поможет нам asyncio
- Concurrency is not parallelism
- Сопрограммы, они же корутины
- Шо за цикл событий такой умный?
- Почему мой код не выполняется быстрее с async-await?
- И как же мне ускорить выполнение кода c конкурентностью?
- asyncio.create_task
- Ожидание окончания выполнения задачи
- Когда использовать и когда не использовать асинхронность
- Способы запустить код асинхронно
- asyncio.gather
- asyncio.TaskGroup
- asyncio.as_completed
- asyncio.wait
- Надо ли обычные функции определять с async def?
- Асинхронно ходим в веб-сервисы
- Асинхронно ходим в СУБД
- Асинхронно ходим в файлы
- Трэш и содомия — пулы процессов
- Семафоры
- asyncio.to_thread
- Контекстные переменные
- throttle и debounce
- Как принудительно отдать управление в цикл событий
- uvloop и замена цикла событий
- Как оно работает обычно
- Django и как его готовить
- Обзор фреймворка, преимущества и недостатки
- Установка, инициализация, структура
- Первое приложение
- Модели хранилища
- Подцепляем контейнеры
- Миграции
- Великий и ужасный Django ORM
- Какой SQL варганит Django ORM
- Оптимизация использования Django ORM
- Или ну его в пень и пишем голый SQL
- Шаблоны
- Админка
- Реализация CRUD влоб
- Формы
- Function Based и Class Based Views
- Django для SPA и для не SPA
- Аутентификация
- Авторизация
- Аутентификация через внешние сервисы
- CORS в Django
- CRUD с DRF
- Swagger с DRF
- Асинхронность в Django
- Фоновые задачи с Django
- Использование Django apps
- Архитектура Django-проектов
- Стайлгайд
- Two Scoops of Django
- Дополнительные материалы
- Обзор фреймворка, преимущества и недостатки
- FastAPI, SQLAlchemy, Alembic
- Обзор фреймворка, преимущества и недостатки
- Асинхронность в FastAPI
- Запросы-ответы-валидация
- Выуживаем данные запроса
- Return Type
- Статусы ответов
- Swagger с FastAPI
- CORS в FastAPI
- Подцепляем контейнеры
- Асинхронный SQLAlchemy
- Миграции с Alembic
- CRUD c SQLAlchemy
- Фоновые задачи с FastAPI
- Вебсокеты и Server Side Events с FastAPI
- Архитектура FastAPI-проектов
- Обзор фреймворка, преимущества и недостатки
- Автотесты
- Зачем нам автотесты
- Какие есть виды тестов
- Пирамида тестирования
- и при чём тут архитектура
- unittest, pytest, nose
- Структура теста
- Рекомендации по юнит-тестам
- Чем качественные юнит-тесты отличаются от некачественных
- Тесты в Django
- Тесты в FastAPI
- Мокать аль не мокать?
- Школы тестирования
- Test suite для проекта
- Интеграционное тестирование
- E2E тестирование
- База данных в тестах
- Тесты и приватные методы
- Время
- Изучаем Pytest
- Зачем нам автотесты
- Архитектура backend-приложений
- Что такое архитектура и зачем она нам
- Быстрее отгрузить vs Сделать хорошо
- Писать хорошо, а нехорошо не писать
- Что есть зависимость
- Любую зависимость можно инвертировать
- Устойчивость кода
- Отделяем мух от котлет
- Сущности
- Сервисы = сценарии использования
- Репозитории, инфраструктура
- Чистая, гексагональная, портов и адаптеров и прочие архитектуры
- Зависимости
- Сборка всего приложения
- Пример
- Что такое архитектура и зачем она нам
- 12 факторов
- Один код — разные развёртывания
- Зависимости
- Конфигурация
- Сторонние сервисы
- Сборка, релиз, выполнение
- Процессы
- Port binding
- Параллелизм
- Утилизируемость
- Паритет разработки и работы приложения
- Логи
- Задачи администрирования
- Один код — разные развёртывания
- HTML
- Версии HTML
- Структура документа
- Кодировка документа и текста
- Что за что отвечает
- Тэги
- Форматирование текста
- Ссылки
- Списки
- Entities, UTF8 символы
- Разные размеры изображений
- Растровая и векторная графика
- Фоновые изображения
- Пути
- Семантическая разметка, контейнеры
- Таблицы
- Формы
- Комментарии
- Favicon
- Фреймы
- Block и inline элементы
- Canvas
- Интеграция плееров
- Форматирование HTML-кода
- W3C-валидатор
- Версии HTML
- CSS или как всех достать, раскрасить и распихать
- Что может делать CSS
- Подключение стилей
- Макет страницы
- Что такое стиль
- Codepen
- Достать по тэгу
- Достать по классу
- Достать по идентификатору
- Достать по атрибуту
- Достать сразу нескольких
- Родственные отношения
- Достать потомков
- Достать детей
- Псевдоклассы, псевдоэлементы
- Достать родственничков
- Достать вот этих, но не тех
- Наследование
- Специфичность
- Хак с important
- Сброс стилей
- Шрифты и форматирование текста
- Цвета — RGB, RGBA, HSL, HSLA
- Размеры
- Списки
- Блочная модель
- Схлопывание полей
- Блочные и строчные элементы
- Границы и тени
- Установка размера блочного элемента
- box-sizing
- Overflow, ограничение max размеров
- float
- Изображения фоном
- Несколько фоновых изображений
- Список ссылок, ролловеры
- Трансформация без трансформатора
- Анимации
- Оформление таблиц
- Оформление форм
- Фикс, резина, адаптив
- Как верстать?
- Древняя верстка
- Современность — flexbox
- Позиционирование
- Как делается адаптив
- Контейнерные запросы
- Как узнать, какая тема на устройстве включена?
- Включен ли режим энергоэффективности?
- Как скрыть или показать элемент?
- calc
- min, max, clamp
- CSS-валидатор
- Can I use
- Минимизация CSS
- БЭМ
- Дополнительные материалы
- Что может делать CSS
- Мобильные приложения на фронтенд-технологиях
- Cordova
- Ionic
- PWA
- Cordova
- Деплой веб-приложения
- Сколько нам нужно железа
- Арендуем сервачелло
- Присобачиваем домен
- Прокидываем SSH-ключи
- Ставим необходимые пакеты
- Используем контейнеры на проде
- Ставим Python
- Ставим PostgreSQL
- Ставим пулер коннектов для PostgreSQL
- Разворачиваем чудо-приложеньку
- Настраиваем Systemd
- Настраиваем файрвол
- Настраиваем анти-DDoS в Nginx
- Статику раздаёт Nginx, S3 или CDN
- Выносим PostgreSQL на отдельный сервер
- Настраиваем бэкапы
- Настраиваем ротацию логов
- Клонируем application-серваки
- Как запустить это всё в контейнерах
- А теперь подвиньтесь, выходит Ansible
- Сколько нам нужно железа
- JavaScript
- Где применяется JavaScript?
- Типы данных
- Управляющие конструкции, печать
- var, let, const
- Функции
- Стрелочные функции
- Объекты, методы, this
- null, undefined
- Глобальные браузерные переменные
- Структуры данных
- Деструктуризация, распространение
- Циклы
- Исключения
- Работа с датой и временем
- Форматирование строк
- Функциональное программирование в JS
- Модули
- Стиль кода
- Асинхронный JS
- Полифилы
- Работа с DOM-деревом на чистом JavaScript
- События в браузере
- MutationObserver
- Fetch и axios
- Cookies и LocalStorage
- node, deno
- Дополнительные материалы
- Где применяется JavaScript?
- TypeScript
- Для чего нам TypeScript?
- Установка TypeScript
- Теперь везде ставить типы?
- Основные типы
- Типизация функций
- Интерфейсы и структурная типизация
- Any и запрет Any
- typeof
- Дженерики
- Типизация объектов
- Keyof
- Typeof
- Для чего нам TypeScript?
- React и SolidJS
- Зачем нам вообще фронтенд-фреймворки?
- Веб-компоненты
- React vs SolidJS
- Создаём React-приложение
- JSX и чем он хорош
- Нарезаем компоненты
- Props
- Условный рендеринг
- Передача данных компонентам вверх и вниз
- Стейт
- Понимание рендера
- Контекст
- Refs
- Жизненный цикл
- Хуки
- Управление стейтом приложения
- Как проблемы React решает Solid?
- Установка Solid
- JSX Solid
- Сигналы Solid
- Эффекты Solid
- Memos Solid
- Порталы, ууу
- Рендер-логика в Solid
- Жизненный цикл в Solid
- События с Solid
- Refs в Solid
- Стилизация
- Удобные хранилища Solid
- Асинхронность в Solid
- TypeScript в Solid
- Зачем нам вообще фронтенд-фреймворки?
- Архитектура frontend-приложения
- Бэкендерское тут неприменимо?
- Разбираемся с FSD
- Продолжаем разбираться с FSD
- Микрофронтенды
- Практика
- Бэкендерское тут неприменимо?
- Взлом и защита
- Обзор
- Злодейски угоняем аккаунт
- Защита
- Коварно строим подлянки юзерам
- Защита
- Негодяйски угоняем данные
- Защита
- Подлецки хакаем сервер
- Защита
- Коварно хихикая, фишим
- Защита
- Левой пяткой хакаем Django
- Защита
- Мощнецки дудосим
- Защита
- Обуваем всех подряд
- Защита
- Заметки по безопасности
- Обзор
- CI/CD
- Зачем нам оно
- Подходы к CI/CD
- Сине-зеленое развертывание
- Инструменты
- Демонстрация
- Зачем нам оно
- Облачные технологии
- Зачем оно нам?
- Платформы
- Сервера
- S3-хранилища
- CDN
- Управляемые СУБД
- Балансеры
- Serverless Containers
- Lambda
- Инфраструктура как код
- Terraform, Ansible
- Зачем оно нам?
- Советы по работе в ИТ
- Резюме
- Собеседование
- Опыт работы
- Дизайн в проектах
- Как спрашивать помощи
- Самозванцы и Даннинг-Крюгер
- Тех долг
- Рефакторинг
- Изменяемость и неизменяемость
- Логирование
- Конфиги
- Знай и используй инструментарий
- Code review
- Локализуй проблему
- Задавай вопросы бизнесу
- Обучение
- Документация
- Баланс
- Модненький Agile
- Что всем от вас надо
- Касания с другими людьми
- Помогайте
- Обещания и профессиональная честность
- Мотивация vs Творчество vs Дисциплина
- Привычки
- Удалёнка
- Резюме
- Rroom
- О проекте Rroom, план работ
- О проекте Rroom, план работ
- Финальный проект
- Задание
- Задание
- Что дальше
- Что дальше
- Что дальше
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
[Stepik] Разработка веб-приложений на Go (Илья Шаляпин)
11 май 2024
Описание
Курс затрагивает самые востребованные темы, для того чтобы начать писать REST API.
Программа курса:
Введение
Роутинг
Инструменты
JSON
Валидация данных
Обработка форм
Middleware
Шаблоны
Базы данных
Тестирование
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
[Product University] Python и ИИ-технологии с нуля за 4 месяца. 12 проектов с помощью ChatGPT
10 май 2024
Почему сейчас?
Программировать теперь гораздо проще, чем раньше. ChatGPT и другие ИИ-инструменты совершили переворот. Они позволяют вам писать и переписывать целые куски кода, готовые SQL-запросы и приложения и помогать обучаться с небывалой скоростью.
Теперь, все что вам нужно: умение сформулировать задачу на русском/английском языке и время/желание. Вот почему в основу этого курса легли 2 следующих подхода:
1. Использовать ChatGPT и других ассистентов по-максимуму, для того чтобы они вам помогали писать и исправлять готовые куски кода.
2. Отталкиваться от готовых работающих бизнес-приложений и примеров. Вы не будете писать с нуля строчку за строчкой, скорее наоборот: будете брать готовые проекты и библиотеки и видоизменять их для себя.
12 проектов, которые вы сделаете за 4 месяца
С нуля на Python, с подсказками от ChatGPT, без каких-либо начальных знаний программирования
1. Telegram-бот на Python с GPT (аналог ChatGPT)
2. Парсинг сайтов и каналов
3. Поиск недооцененных квартир на ЦИАН
4. Автономные агенты
5. Построение полного процесса получения и обработки данных с реального онлайн-ресурса
6. Построение системы распознавания рукописных чисел на чистом NumPy с помощью модели k ближайших соседей
7. Whisper. Преобразование текста в аудио и транскрибация
8. Анализ цен на криптовалюты с помощью Pandas и Matplotlib
9. Обучение нейросети на табличных данных для задачи классификации
10. Сегментация изображений ковида
11. Выделение именованных сущностей для автоматизации документооборота
12. Построение рекомендательной системы на основе нейросетей
Для кого курс?
Аналитики данных и бизнес-аналитики
Знание этих инструментов и технологий может помочь вам эффективнее анализировать и обрабатывать данные, создавать отчеты и прогнозы, а также использовать машинное обучение для решения задач.
Предприниматели и руководители
Вы научитесь использовать знания для оптимизации своих бизнес-процессов, повышения эффективности команды и внедрения инноваций в свои продукты и услуги.
Маркетологи
Особенно для тех, кто работает с большими объемами данных, знание Python и SQL может помочь в анализе и оптимизации маркетинговых кампаний, а также в автоматизации рутинных задач.
Продакт менеджеры
Знание технологий поможет вам лучше понимать возможности и ограничения инструментов и платформ, используемых для разработки и поддержки продуктов.
Начинающие специалисты в области ИИ и машинного обучения
Курс даст вам основы, необходимые для дальнейшего изучения и развития в этой сфере.
Финансовые аналитики и экономисты
Вы сможете использовать Python и SQL для анализа финансовых данных, создания прогнозов и оптимизации финансовых моделей.
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
[mo-ti] Курс по изучению HTML+CSS для применения в Tilda
8 май 2024
Научитесь стилизовать стандартные блоки, создавать свои эффекты и разбираться в коде
Программа курса
- Суть HTML, его особенности, назначение и функционал.
- Разбор структуры web страницы
- Изучение текстовых тегов, особенности заголовочных секций H, различные атрибуты. Структура текстовых ссылок, способы создания якорей и различных списков из текста
- Как формируется изображение. Отличие обычного изображения от фонового. атрибуты изображений и их ссылки
- Изучение вёрстки таблиц, их формирования, настройки и особых нюансов с данным элементом
- Постигаем основы данных элементов, учимся задавать параметры и формировать ссылки. Разбираемся в атрибутах и характеристиках каждого из них
- Разбираемся со структурой форм и типов её полей. Особенности формирования и способы применения в реальных проектах
- Суть появления CSS, смысл применения, ключевые возможности и особенности
- Учимся находить и обращаться к нужному элементу правильно и легко
- Изучаем возможности этого мощного инструмента разработчика. Учимся инспектировать код и вносить правки прямо на опубликованной странице
- Оформляем текст разными стилями, задаём особые параметры для изменения его внешнего вида
- Разбираем различные границы у блоков, способы их создания и формирования, погружаемся в мир эффектов теней блока
- Разбираемся с возможностями фона у элементов, множеством его свойств и исключительных особенностей. Способы применения в реальных проектах
- Постигаем различные события для взаимодействия с пользователем. Способы создания дополнительных элементов и манипуляции с ними
- Учимся задавать сложные градиенты любого элементу и разбираться в комбинации фильтров визуальной стилистики, их применения и особенности на реальной страничке
- Да, их куда больше, чем просто пиксели и проценты. Освоим и остальные особенные величины и способы их применения в реальной работе
- Рассмотрим, что такое медиазапросы и как их применять. Как делать шаговое изменение определённых свойств элемента
- Изучим мир анимации, способы её создания и применения к различным элементам. Особенности и нюансы при работе с каждым свойством
- Разберёмся в свойствах шрифта, в тех свойствах, что мы можем изменить, научимся переопределять шрифт различным элементам и даже подключать его на страничку при помощи CSS
- Погрузимся в мир построения структурных сеток, изменения текущих и перераспределения элементов на странице, изменения их порядка, положения, размеров и расположения. Изучим этот гибкий инструмент
- Live T-CSS — это сборник пополняющихся видео с ответами на вопросы пользователей, которые решаются на CSS. Там можно будет найти много полезного и интересного, пробовать повторить реализацию и лучше понимать, что можно сделать, благодаря полученным знаниям
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
[Нетология] Разработчик на C++. Профессия + специализация (Дмитрий Фёдоров, Максим Бакиров)
8 май 2024
Преподаватели: Дмитрий Фёдоров, Максим Бакиров, Михаил Смирнов, Павел Пронин, Владислав Хорев, Амиран Мстоян, Михаил Марков, Иван Поляков, Антон Ласточкин, Владислав Панченко, Евгений Белоусов, Вадим Калашников
С++ входит в топ-3 языков программирования, позволяет создавать сложные IT-продукты с высокой производительностью и нагрузкой.
Изучив этот язык, вы сможете работать над самыми амбициозными проектами: от разработки видеоигр и операционных систем до создания роботов и умных гаджетов.
Мы поможем разобраться в С++, даже если вы никогда не программировали
Программа построена по принципу от простого к сложному — чтобы вы постепенно погружались в профессию. Рядом всегда будут эксперты и координаторы: они ответят на вопросы и помогут разобраться со сложными темами.
Изучение языка требует вовлечённости, но количество и масштаб возможностей позволяет программистам на С++ в среднем получать больше других разработчиков.
Чему научитесь:
- Понимать паттерны проектирования своего и чужого кода
Получите шаблоны проектирования и научитесь их применять
- Разрабатывать ПО с применением популярных фреймворков
Создадите графический интерфейс и научитесь писать сетевые приложения с использованием библиотеки QT
- Работать с базами данных
Освоите SQL и научитесь извлекать, преобразовывать, загружать данные
- Работать с алгоритмами и структурами данных
Освоите навыки выстраивания алгоритмов, а главное — научитесь мыслить как программист
- Работать с современными игровыми движками
Создадите и настроите проект на базе фреймворка Unreal Engine 5
- Создавать многопоточные программы и обходить блокировки
Сможете распараллеливать вычисления и определять время исполнения кода
- Игра «Жизнь»
Реализуете консольный вариант классической игры. На клеточном поле проведёте эволюцию поколений и визуализируете результаты
- Симулятор гонок
Разработаете гибкий и расширяемый прототип симулятора гонок. Сможете легко добавить новый тип транспортного средства или трассы
- Парсер INI-файлов
Разберётесь в формате INI-файлов и создадите свой класс, который сможет считывать такие файлы и разбирать их в удобные структуры языка
- Потокобезопасная очередь
Реализуете шаблонную очередь, которая гарантирует безопасную работу с данными при одновременном взаимодействии из нескольких потоков программы
- Инспектор аэропортов
Создадите приложение, которое позволяет просматривать расписание авиарейсов и оценивать загруженность аэропортов
- Датчик движения
Спроектируете и разработаете датчик движения, который будет выполнять полезную работу при срабатывании
- 3D-видеоигра
Познакомитесь с созданием игр на Blueprints и C++. Напишете свою первую игру на Unreal Engine 5
- Поисковая система для сайта
Разработаете аналог поисковой строки Google, Яндекс или Yahoo и научитесь получать данные с сайтов, строить поисковые индексы и релевантные выдачи результатов
17 месяцев, 94 часа теории, 522 часа практики
- Основы программирования на C++ (Проект: игра «Жизнь»)
- Система контроля версий Git
- Базовое программирование на C++ (Проект: симулятор гонок)
- Алгоритмы и структуры данных
- Продвинутое программирование на C++ (Проект: парсер INI-файлов)
- Работа с базами данных
- Многопоточное и асинхронное программирование (Проект: потокобезопасная очередь)
- Шаблоны проектирования в C++
- Кроссплатформенная разработка на Qt (Проект: приложение «Инспектор аэропортов»)
- Разработка умных гаджетов (IoT) (Проект: датчик движения для умного дома)
- Разработка видеоигр на Unreal Engine 5 (Проект: 3D-видеоигра «LeaveMeAlone»)
- Английский язык для начинающих разработчиков
- Введение в информационные технологии
- Карьера разработчика на С++
Вы разработаете поисковую систему для сайта — аналог поисковой строки Google, Яндекс или Yahoo. Научитесь получать данные с сайтов, строить поисковые индексы и релевантные выдачи поисковых результатов. Так вы закрепите навыки, которые приобрели на курсе.![[IMG]](proxy14p.php?image=https%3A%2F%2Fi123.fastpic.org%2Fbig%2F2024%2F0508%2F20%2F144c4a71f60e6730d2b99325c9393220.jpg&hash=2adc2b7da19d9eb194973f43e142aed0&v=4)
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... - Понимать паттерны проектирования своего и чужого кода
-
[Skypro] Excel для работы с нуля (Марк Сысоев, Данила Елистратов)
6 май 2024
Получите навык работы с таблицами, ускорьте свою работу и зарабатывайте на фриланс-проектах.
Кому будет полезен курс?
- Молодым специалистам. Научитесь работать с большим массивом данных, быстро анализировать и визуализировать
- Менеджерам и аналитикам. Узнаете о новых функциях Excel, научитесь строить понятные интерактивные отчеты, сможете решать сложные задачи
- Руководителям компаний. Сможете самостоятельно анализировать данные и на этой основе принимать более точные эффективные решения для бизнеса
- Работать с продуктовыми и бизнес-метриками, рассчитывать комплексные метрики
- Объединять данные из разных выгрузок, делать отчеты для любых целей, строить графики и видеть тренды
- Собирать, обрабатывать и анализировать данные в Excel
- Понимать бизнес-задачи и переводить их в план действий
- Настраивать фильтры, работать с формулами
- Продумывать многоступенчатые решения для анализа
- Извлекать инсайты для бизнеса, находить закономерности и делать прогнозы
Авторы курса:1. Введение в Excel
Основы Excel
Обработка данных в Excel
Агрегация данных в Excel
2. Экономика
Базовая экономика
Когортный анализ
Переход к юниту
3. Юнит-экономика
Основы юнит-экономики
Работа с нестандартными данными
Визуализация в Excel
Калькулятор юнит-экономики
4. Google Sheets
Переход из Excel в Google Sheets
Дашборд в Google Sheets
5. Логика
Необходимые и достаточные условия
Логические операторы
Применение логики в бизнесе
6. Основы бизнеса
Бизнес-гипотезы
Бизнес-метрики
Коммуникации в командах
Приоритизация и сторителлинг
7. Основы теории вероятностей
Основы теории вероятностей
Условная вероятность
Комбинаторика
8. Статистика
Введение в статистику
Дискретные распределения
Непрерывные распределения
Параметрические гипотезы
Марк Сысоев - руководитель направления аналитики в «Яндекс.Практикуме», бывший руководитель направления аналитики в Skyeng.
Данила Елистратов - руководитель факультета аналитики в Skypro. Работал аналитиком в Home Credit Bank, Nielsen и «Ситимобиле».
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
[АИС] ClickHouse для дата инженеров
5 май 2024
Программа ориентирована на получение навыков в настройке и эксплуатации системы БД ClickHouse, использовании возможностей столбцовой системы управления базами данных, а также для быстрой и легкой обработки больших данных.
Целевая аудитория
Дата инженеры, разработчики, архитекторы БД, аналитики данных, Data Scientist специалисты
Программа курса / модули
- Введение.
- Область применения ClickHouse, отличие от других СУБД.
- Ограничения столбцовой системы.
- Отличительные возможности ClickHouse.
- Начало работы с ClickHouse.
- Запуск и подключение.
- Системные требования.
- Объекты баз данных.
- Интерфейсы доступа к ClickHouse.
- Клиентские библиотеки.
- Десктоп версия.
- Полезные практики в работе с ClickHouse.
- Анализ и оптимизация запросов. Оптимизация структуры таблиц.
- Итоговая аттестация.
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
[systems education] Use Case: основы (Мира Карлаш, Ирина Федькина)
2 май 2024
Use Case: основы
Воркшоп будет полезен начинающим системным аналитикам, которые хотят:
- научиться писать Use Cases,
- строить диаграмму сценариев использования,
- формировать пакеты и реестр Use Cases,
- не допускать типичных ошибок.
Воркшоп в Systems Education:
- Короткое онлайн-занятие
- Утром в выходной день
- 4,5 часа с перерывом
- Чередование теории, практики и обратной связи
- Группа
- До 12 человек
- Ведущая ответит на все вопросы
- После окончания поделимся полезными материалами
- Используем
- Zoom
- Google Docs
- Сертификат
- Попросим оставить обратную связь
- После этого придёт сертификат о прохождении воркшопа
Ведущая: Мира Карлаш
Инженер по требованиям, Ведущий инструктор
Более 5 лет работает в области анализа данных в банковской и биомедицинской сферах, а также в разработке платформ-агрегаторов для разных предметных областей.
Воркшоп в Systems Education позволяет за 1 день погрузиться в тему, «потрогать руками» технику, задать вопросы эксперту, получить сертификат о прохождении и дополнительные материалы.
Ведущая: Ирина Федькина
Системный аналитик, Ведущий инструктор
- В области ИТ и разработки систем 12 лет. В роли аналитика (бизнес-, системного) 9 лет.
- Lead Business Analyst
- Система медиамониторинга для аппарата Мэра Москвы
- E-commers платформа для «Глория-джинс»
- ГИС Физкультуры и спорта РФ
- ЕИС Универсиады (г. Красноярск в 2019 г., г. Казань в 2013 г.)
- Росреестр: создание электронных услуг регистрации прав собственности
Программа воркшопа
Знакомимся, делимся опытом и ожиданиями.
Введение
- Что такое Use Cases, почему они важны, из чего состоят, как используются в разработке ПО.
- Делимся на группы, знакомимся с учебными проектами: Яндекс Маркет, Яндекс Еда и Яндекс Афиша.
Диаграмма
Use Cases
- Зачем нужна диаграмма бизнес- и системных Use Cases.
- Строим диаграмму для своих проектов.
Пакеты и реестр
Use Cases
- Что такое пакеты и реестр Use Cases.
- Формируем пакеты и реестр для своих проектов.
Написание
Use Cases
- Как описать основной и альтернативный потоки, условия применения.
- Описываем Use Cases для своих проектов.
Подводим итоги, делимся впечатлениями, получаем дополнительные материалы.
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
[Stepik] Профессия Frontend-разработчик (Михаил Непомнящий)
26 апр 2024
Пакет курсов "Профессия Frontend-разработчик" - это увлекательное введение в мир разработки пользовательских интерфейсов веб-приложений. В течение этого курса Вы получите необходимые знания и навыки для создания современных и отзывчивых веб-интерфейсов, которые будут привлекательными для пользователей и соответствующими современным требованиям.
Пакет из 6-ти курсов позволит пройти путь от знакомства с базовой вёрсткой сайтов на HTML и CSS до создания серьезных Frontend-приложений на JavaScript, TypeScript и React. Вы не только изучите необходимую техническую базу, но и создадите ряд проектов, которые пригодятся для портфолио.
В программу входят
- 6 курсов
- 605 уроков
- 92часа 31минута видео
- 44 теста
- 17 интерактивных задач
1. Компетенция Верстальщик - HTML, CSS, JavaScript
2. Фундаментальный JavaScript
3. Инструменты разработчика
4. React для современных веб-приложений
5. Redux для управления состоянием React-приложений
6. TypeScript для современной разработки
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...Введение
1. Компетенция Верстальщик - HTML, CSS, JavaScript
1. Введение
Основы HTML и CSS
1. Основы HTML
2. Основы CSS
3. Работа с текстом
4. Работа с блочными элементами
5. Стилизация блочных элементов
6. Работа со ссылками и кнопками
7. Работа с изображениями и иконками
8. Псевдоклассы и псевдоэлементы CSS
9. Структура сайта и типы макетов
10. Таблицы и табличная верстка
11. Блочная модель верстки old-style
12. Позиционирование, выпадающее меню
13. Введение во FlexBox
14. Блочная модель верстки на флексах
15. Проверка знаний
Работа с макетами
1. Нарезка макета в Photoshop
2. Zeplin и импорт из Photoshop или Figma
3. Мастер-класс по верстке макета
Продвинутые техники HTML, CSS
1. Основы БЭМ
2. Элементы форм
3. Добавление аудио и видео
4. Фильтры CSS
5. Семантические теги HTML5
6. Кроссбраузерность
7. Трансформации CSS3
8. Анимации CSS3
9. Работа с адаптивом
10. Базовое использование препроцессора SASS|SCSS
11. Продвинутое использование SASS|SCSS
Bootstrap 4
1. Общие возможности Bootstrap
2. Работа с сеткой Bootstrap
3. Использование компонентов Bootstrap
JavaScript для верстальщика
1. Введение в JavaScript
2. Ветвления и циклы
3. Объекты и массивы JS
4. Функции JS
5. Понятие DOM и узлов
6. Обработка события по клику
7. Создание слайдера на JS
8. Создание модального окна
9. Создание табов
10. Создание фильтра карточек
11. Проверка знаний
Библиотеки JavaScript
1. Основы jQuery
2. Галерея FancyBox
3. Анимации ParollerJS, ParallaxJS
4. Анимации ScrollMagic
5. Адаптивный слайдер SwiperJS
БЛНУС: Спецификация CSS Grid (видео с моего youtube-канала)
1. CSS Grid. Базовая терминология
2. Базовые возможности CSS Grid
3. Шаблоны и фракции
4. Grid области и работа с ними
5. Выравнивание
6. Методы адаптива
7. Нюансы использования
8. CSS-переменные
Проект Верстки макета от и до
1. Обзор шаблона для вёрстки
2. UI Kit - что и зачем
3. Настройка окружения
4. Переменные и типографика
5. Компонент "Особенность"
6. Компонент "Скриншот"
7. Компонент "Отзыв"
8. Компонент "Цена"
9. Компоненты формы и соц иконок
10. Вводный блок сайта
11. Блок "О продукте"
12. Блок "Особенности"
13. Блок "Скриншоты"
14. Блок "Отзывы"
15. Блок "Цены"
16. Блок "Подвал сайта"
17. Валидация верстки
18. Production-сборка
2. Фундаментальный JavaScript
Введение
- Введение
- Обзор модуля
- Сфера применения JavaScript, его версии и документация
- Подключение JavaScript к html-странице
- Использование JavaScript вне браузера
- Обзор модуля
- Типы данных в JavaScript
- Понятие переменных
- Математические операции в JavaScript
- Логические выражения
- Условный оператор
- Оператор switch
- Тернарный оператор
- Массивы как хранилища данных
- Понятие цикла
- Цикл for
- Оператор break
- Оператор continue
- Понятие функции
- Встроенный объект Math
- Проект "Угадай число"
- Итоги модуля
- Обзор модуля
- Простые объекты с данными
- Хранение по ссылке
- Оператор in
- Цикл for..in
- Цикл for..of
- Методы объекта, контекст
- Встроенные методы строк
- Встроенные методы чисел
- Встроенные методы массивов
- Объект ошибки
- Объект регулярного выражения
- Проект "Загадки"
- Итоги модуля
- Обзор модуля
- Функции vs процедуры
- Функции и память
- Варианты записи функций
- Область видимости
- Колбэки и функции высшего порядка
- Рекурсия
- Замыкание
- Контекст вызова функции
- Уточнение контекста вызова функции
- Проект "Цензор"
- Обзор модуля
- Понятие стека и очереди
- Понятие иммутабельности
- Маппинг массивов и коллекций
- Фильтрация
- Метод reduce
- Поиск в коллекции
- Сортировка массива
- Оператор остатка
- Деструктуризация массивов
- Деструктуризация объектов
- Шаблонные строки
- Глобальные методы
- Формат JSON
- Проект "Витрина"
- Итоги модуля
- Обзор модуля
- Понятие DOM
- Получение ссылок на HTML-элементы
- Свойства html-элементов
- Обход html-коллекций
- Объект classList
- Навигация по html-элементам
- Браузерные события
- Снятие обработчиков событий
- Примеры по обработке события click
- Объект события
- Работа с формой
- Понятие всплытия
- Динамическая работа с DOM
- Полезные свойства html-элементов
- Где искать примеры UI
- Пример модального окна
- Работа с браузерной памятью
- Прочие браузерные объекты
- Проект "Спойлер"
- Обзор модуля
- Библиотека lodash
- Плавный скролл
- Тултипы
- Продвинутый скролл
- Слайдеры
- Ленивая загрузка
- Работа с формами
- Анимации
- Обзор модуля
- Синхронный и асинхронный код
- Варианты взаимодействия с сервером
- Объект Promise
- Асинхронное получение данных
- CRUD-операции
- Альтернативные способы получения данных с сервера
- Асинхронные функции
- Методы промисов resolve и reject
- Методы промисов all и race
- Итоги модуля
- Постановка задачи
- Декомпозиция на подзадачи
- Получение данных с сервера
- Отрисовка полученных задач
- Отрисовка пользователей
- Добавление новой задачи
- Изменение статуса
- Удаление задачи
- Обработка ошибок
- Понятие js-модуля
- npm менеджер
- ES6 модули: импорт и экспорт
- Сборка приложения
- Использование Parcel для сборки
- Нюансы экспорта и импорта
- Кроссбраузерность приложений
- CommonJS модули и файлы .mjs
- Постановка задачи
- Декомпозиция на подзадачи
- Создание Frontend-проекта
- Верстка шапки
- Разбор API по работе с IP
- Обработка ввода пользователя
- Валидация формы
- Динамическая работа с DOM
- Разбор API карт
- Разметка с картой
- Обновление карт на базе IP
- Добавление полифилла
- Добавление адаптива
- Публикация проекта
- Обзор модуля
- Актуальность фабрик
- Создание классов es6
- Прототипное наследование
- Наследование классов es6
- Статические свойства и методы
- Приватные свойства, геттеры, сеттеры
- Классы для создания UI компонентов
- Шаблоны проектирования
- Шаблон Singleton
- Шаблон Фабрика
- Шаблон Адаптер
- Шаблон Фасад
- Шаблон Наблюдатель
- Концепция ООП
- Подведение итогов
Введение
- Введение
- Составляющие сайта
- Хостинг
- Домен
- FTP
- SSH-соединение
- Терминал
- Варианты терминалов
- Основные команды
- Продвинутые техники
- Терминал и редакторы кода
- Поиск через терминал
- Интерфейс VS Code
- Кастомизация
- Ускорение работы
- Файловая навигация
- Навигация по документам
- Удаленное редактирование
- Синхронизация настроек
- Что такое SSH
- Создание ключей шифрования
- Добавление ключа на GitHub
- Добавление ключа на сервер
- Системы версионирования
- Установка Git
- Локальный репозиторий
- Удаленный GitHub репозиторий
- Выгрузка локального репозитория онлайн
- Git: практический workflow
- Теги и релизы
- GitHub Pages
- Добавление алиасов
- Инструменты VS Code для Git
- Работа с конфликтами
- Работа с open source проектами
- Что такое NodeJS
- Установка NodeJS
- Утилиты и модули NodeJS
- Пример создания модуля NodeJS
- Пакетный менеджер npm
- Стандарт версионирования Semver
- Пакетный менеджер yarn
- Создание скриптов
- Утилита npx
- Обзор сборщика Parcel
- Использование стилей и препроцессоров
- Использование современного JavaScript
- Работа с pug
- Production сборка
- Что такое GulpJS. Установка
- Варианты синтаксиса для Gulp
- Обработка pug-шаблонов
- Отслеживание изменений
- Работа с локальными данными
- Работа со стилями
- Обработка изображений
- Локальный dev-сервер
- Сборка JavaScript-модулей
- Что такое Webpack. Установка
- Способы задания конфигурации
- Ключевые концепции Webpack
- Создание dev-сервера
- Транспиляция стилей
- JavaScript и Babel
- Конфигурация Webpack по условию
- Начало работы с Webpack 5
- Обработка JavaScript-файлов
- Настройка локального сервера
- Точки входа и выхода
- Генерация HTML-шаблона
- Настройка режимов сборки
- Обработка CSS-файлов
- Препроцессинг и постобработка стилей
- Обработка изображений
- Дополнительные сведения
Введение
- Обзор курса
- Что такое React
- Пререквизит к курсу
- Что необходимо установить
- Варианты окружения
- Библиотеки React и ReactDOM
- Простое приложение на чистом React
- Преобразование приложения в JSX
- Особенности JSX
- Разделение приложения на модули
- Условная отрисовка
- Пример с прелоадером
- Разбор составляющих базового React-шаблона
- Понятие React-компонента
- Состояние компонента и управление им
- Нюансы создания методов в классовых компонентах
- Жизненный цикл компонента
- Задание по созданию таймера
- Работа с коллекциями
- Однонаправленный поток данных
- Задание на обновление состояния через дочерние компоненты
- Отличие классовых компонентов от функциональных
- Управляемые компоненты
- Валидация значений формы
- Checkbox, radio button, select
- Задание на создание формы
- Использование ref
- Неуправляемые компоненты
- Обзор проекта
- Подготовка проекта
- Знакомство с API фильмов
- Задание на создание общего списка
- Добавление строки поиска
- Реализация поиска фильмов
- Добавление фильтрации
- Обработка неудачного поиска
- Безопасное хранение ключа API
- Сборка и публикация проекта
- Работа с состоянием
- Кликер
- Управление жизненным циклом
- Использование ref
- Рефакторинг таймера
- Рефакторинг проекта Фильмы
- Рефакторинг проекта Фильмы, часть 2
- useState
- useEffect
- useContext
- useLayoutEffect
- useCallback, useMemo
- useImperativeHandle
- useReducer
- Пользовательские хуки
- Правила использования хуков
- Рефакторинг таймера
- Презентация проекта
- Обзор API
- Подготовка проекта
- Вывод списка товаров
- Состояние заказа
- Добавление товара в корзину
- Создание корзины
- Удаление из корзины
- Изменение количества товара в корзине
- Добавление подсказки о добавлении товара
- Публикация проекта
- Context API и useReducer вместо пропсов
- Создание контекста с провайдером
- Создание редюсера
- Доработка редьюсера
- Переключение всех компонентов на контекст
- Обзор сделанного
- Роутинг и SPA, обзор проекта
- Базовый роутинг
- Компонент Link
- Хуки useParams и useHistory
- Хуки useLocation и useRouteMatch
- Вложенный роутинг
- Обзор API для проекта
- Настройка методов
- Главная страница
- Страница категории
- Страница рецепта
- Поиск на главной
- Нюансы публикации SPA
- Итоги курса
Вводный модуль
- Вводное видео
- Что такое Redux
- Варианты state management для React
- Пререквизит к курсу
- Окружение для работы
- Обзор модуля
- Три принципа Redux
- Базовые сущности Redux
- Базовое API Redux
- Пример с кликером
- Решение задачи с кликером
- Action creators и их использование
- Хранилище по умолчанию
- Итоги модуля
- Обзор модуля
- Сущности react-redux
- Кликер на React+Redux
- Todo List на React+Redux
- Redux DevTools
- Вариант организации кода #1
- Вариант организации кода #2
- Альтернативная точка входа
- Вариант TodoList с фильтрами
- Синхронизация с localStorage
- Добавление роутинга
- Итоги модуля
- Обзор проекта
- Настройка окружения
- Базовые компоненты
- Добавление провайдера и пустого стора
- Редьюсер вакансий
- Редьюсер фильтрации
- Механизм добавления фильтров
- Удаление фильтров и их очистка
- Публикация проекта
- Итоги модуля
- Легаси для react-redux
- Метод connect
- Концепция mapStateToProps
- Концепция mapDispatchToProps
- Рефакторинг Todo App
- Рефакторинг проекта 1
- Итоги модуля
- Введение в redux middleware
- Базовое использование redux middleware
- Подключение вместе с devTools
- Библиотека redux-persist
- Проблема асинхронности
- Библиотека redux-thunk
- Использование redux-thunk
- Подготовка клиентского api
- Статусы загрузки и обработка ошибок
- Post-запросы
- Thunk extraArgument
- Итоги модуля
- Обзор проекта
- Структура проекта
- Добавление redux бойлерплейта
- Переключение светлой/темной темы
- Редьюсер для стран
- Отрисовка стран в UI
- Фильтрация по поиску
- Фильтрация по региону
- Очистка фильтров
- Детальная страница
- Очистка детальной страницы
- Получение информации о соседях
- Обзор итогового приложения
- Актуальность Redux Toolkit
- Сущности Redux Toolkit
- Метод createAction
- Метод createReducer
- Метод createSlice
- Метод configureStore
- Практика создания слайсов
- Extra редьюсеры
- Структура проекта
- Redux-persist вместе с RTK
- Рефакторинг проекта, часть 1
- Рефакторинг проекта, часть 2
- Итоги модуля
- Обзор модуля
- Базовое использование createAsyncThunk
- ExtraReducers для работы с thunk экшнами
- Практика создания thunk c createAsyncThunk
- Использование в UI
- Массовая обработка событий в extraReducers
- Обработка ошибок
- Отмена запроса к серверу
- Extra параметр thunk
- Базовое использование createEntityAdapter
- Удаление и изменение данных через адаптер
- Итоги модуля
- Постановка задачи
- Организация структуры и слайс темы
- Слайс блока фильтрации
- Слайс стран
- Слайс для деталки
- Получение соседей
- Итоги модуля
- Style Guide от создателей Redux
- FAQ по тому, что хранить в Redux-сторе
- Итоги курса
Введение
- Приветствие
- Что такое TypeScript и зачем нужен
- Альтернативы TypeScript
- Пререквизит к курсу
- Настройка окружения
- Как построен курсДемо-доступ
- О модуле
- Примитивные типы
- Базовая типизация функций
- Базовая типизация объектов
- Объекты как параметры функции
- Типизация массивов
- Кортежи
- Алиасы
- Union типы
- Enum
- Итоги модуля
- О модуле
- Подробнее об интерфейсах
- Подробнее об алиасах
- Type vs Interface
- Сужение типов
- Type Guards
- Asserts
- Типизация this
- Перегрузка функций
- Рекурсивные типы
- Оператор !
- Итоги модуля
- О модуле
- Актуальность дженериков
- Базовые примеры
- Добавление требований
- Оператор keyof
- Сужение допустимых значений типа
- Значения по умолчанию
- Области видимости типов дженерика
- Итоги модуля
- О модуле
- Оператор typeof
- Conditional type
- Еще раз про extends
- Оператор infer
- Маппинг типов
- Утилиты Extract, Exclude, NonNullable
- Утилиты Record, Pick, Omit
- Утилиты ReadOnly, Required, Partial
- Утилиты Parameters, CounstructorParameters
- Доступ по индексу
- Шаблонные литералы
- Итоги модуля
- Обзор проекта
- Постановка задачи
- Создание ts-проекта
- Создание интерфейсов
- Добавление type guards
- Типы асинхронных функций
- Итоги модуля
- О модуле
- Интерфейс для класса
- Модификаторы доступа
- Нюансы конструктора
- Абстрактные классы
- Геттеры и сеттеры
- Статические свойства и методы
- Итоги модуля
- О модуле
- Составные части конфига
- Базовые настройки
- Опции компилятора
- Дополнительные опции
- Тюнинг строгости
- Дополнительный линтинг
- Рекомендованные конфиги
- Итоги модуля
- О модуле
- Настройка окружения
- Типизация пропсов
- Типизация стилей
- Типизация стейта
- Хэндлеры
- Хранение типов
- Нюансы useEffect
- Типизация useRef
- Приложение TodoList
- Классовые компоненты
- Итоги модуля
- Обзор проекта
- Окружение для проекта
- Создание типов сущностей
- Шапка приложения
- Компонент поиска
- Альтернативный вариант формы
- Компонент статистики
- Шапка карточки
- Инфо компонент
- Получение данных
- Итоги модуля
- О модуле
- Добавления Redux в приложение
- Типизация слайсов
- Типизация селекторов
- Типизация asyncThunk
- Типизация extraReducers
- AsyncThunk как дженерик
- Добработка асинхронного слайса
- Итоги модуля
- Обзор проекта
- Окружение для проекта
- Базовые типы приложения
- UI компоненты
- Типизация переключателя темы
- Типизация списка стран
- Типизация детальной страницы
- Типизация контролей
- Итоги проекта
- Что дальше
-
[Teachmeskills] Автоматизированное тестирование на JS (Вячеслав, Владислав)
26 апр 2024
Кем ты станешь:
В плане организации курсов автоматизированного тестирования на JavaScript, TeachMeSkills — не школа, а полноценный университет. Мы готовим не столько автоматизаторов, сколько гарантов качества любых айти-продуктов. По окончании программы ты получишь все необходимые знания и навыки, от 2 до 6 проектов в портфолио.
Твой результат в конце курса:
1. Сможешь создавать автотесты для тестирования web-приложений и REST API, используя лучшие практики в индустрии
2. Научишься запускать тесты, используя инструменты Continious Integration
3. Напишешь грамотную документацию и отчет тестирования после завершения курсов по автоматизации тестирования на JavaScript
4. Научишься работать с Selenium Webdriver, WebDriverIO, Cypress и Playwright на продвинутом уровне, научишься работать с тестовыми фреймворками для модульного и API тестирования
5. Будешь знать концепции разработки и тестирования программного обеспечения
6. Станешь востребованным Automation QA Engineer на JavaScript
Программа курса:
Модуль 1 - Введение в TypeScript
- Введение в TypeScript (NodeJS)
- Настройка окружения IDE
- NPM
- package.json
- Как устроен TS
- Компиляция и интерпретация исходного кода. JIT-компиляция
- Запуск программы
- Что такое система контроля версии
- Классификация систем контроля версии
- Git
- Основные команды Git
- Github
- Создание репозитория и размещение исходного кода
- Форматирование кода: ESLint, Prettier
- Типы данных TS
- Переменные
- Область видимости. Hoisting
- Преобразование типов
- Условный и логические операторы
- Циклы (for, while, do ... while)
- Строки. Работа со строковым типом данных
- Числа. Работа с числами. Random
- Дата. Работа с датой и временем
- Что такое функции
- Способы объявления функций
- Параметры и аргументы функций
- Параметры по умолчанию
- IIFE
- Объекты, JSON
- Доступ к свойствам и методам объекта
- Цикл работы с объектами (for ... in)
- Objects clone/copy
- Типы и интерфейсы
- Массивы
- Доступ к элементам массива
- Циклы работы с массивами (for ... of)
- Внутренние методы работы с массивами
- Методы работы с массивами: filter, map, reduce, foreach, some/every
- Деструктуризация объектов/массивов (spread)
- Копирование массивов
- Коллекции: Map, Set. Методы работы с ним
- Функции-конструкторы при создании объектов. Ключевое слово new
- Ключевое слово this. Понятие контекста
- Прототипы. Prototype. __proto__
- Наследование с использованием прототипов
- Понятие классы и объекты
- Появление классов: свойства get(), set(), статические свойства
- Понятия ООП: Наследование, Инкапсуляция, Полиморфизм
- Наследование с использованием классов (extend, super)
- Способы привязки контекста выполнения: call, apply, bind
- EventLoop
- Promises
- Использование метода fetch
- Модули. Работа с модулями
- Встроенные модули: path, fs, os и константы __dirname, __filename
- Работа с файлами и директориями: создание файла, чтение файла, запись в файл, удаление файла/директории
- Обработка ошибок
- Краткая история
- Методологии разработки
- Составление и валидация требований
- Тест-планы
- Чек-листы
- Тест-кейсы
- Техники тест-дизайна
- JIRA и баг-репорты
- Отчеты по тестированию ПО
- Автоматизированное тестирование: основные понятия и определения
- Целесообразность внедрения
- Цели и подходы автоматизации
- Настройка рабочего окружения
- Пирамида тестирования и создание юнит-тестов для приложения
- Mocha
- Jest and super agent
- Selenium WebDriver
- WebDriver action, JS executor
- Xpath, CSS селекторы
- BDD, DDT и TDD подходы при разработке приложений и тестов
- Слои ТА Framework
- Использование паттерна Page Object
- Использование паттерна Factory
- Использование паттерна Singleton
- WDIO, WDIO parallel
- WDIO+ Cucumber
- Playwright
- Cypress
- Удобный репортинг для заказчика: Allure report
- Логирование: log4js, winston
- Основы реляционных БД
- Подключение к БД, виды и выполнение запросов, работа с результатами запроса
- Cypress + Cirle CI
- WDIO/Playwright + Jenkins
- Автоматизация тестирования с нуля для проекта
- Подведение итогов курса
- Проведение пробного технического собеседования
- Ответы на вопросы студентов
- Составление резюме и сервисы для создания резюме;
- Создание и правильное оформление профиля в LinkedIn;
- Составление мотивационного письма;
- Работа с поиском вакансий на различных джоб-бордах;
- Личные рекомендации Карьерного центра по поиску первой работы в IT
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
[teachmeskills] Инженер данных (Дмитрий)
25 апр 2024
О профессии:
Онлайн-образование в IT-школе TeachMeSkills предлагает курсы по профессии Data Engineer, которые станут отличным стартом для тех, кто хочет стать инженером данных. Инженер данных, играет ключевую роль в обработке и анализе больших объемов данных.
Твой результат в конце курса:
1. Будете обладать основными навыками программирования на Python и работы с данными, включая загрузку, обработку и визуализацию данных с помощью библиотеки Pandas и Matplotlib.
2. Сможете эффективно работать с базами данных, включая создание таблиц, выполнение запросов SQL, управление данными и оптимизацию структур баз данных.
3. Приобретете знания по моделированию данных, включая понимание основных концепций, типов моделей данных и их применение в реальных проектах.
4. Научитесь управлять рабочими процессами с помощью Apache Airflow, включая создание и конфигурирование DAG, планирование и мониторинг задач, а также использование расширенных возможностей этого инструмента.
5. Завершите курс, разработав и реализовав полноценный проект Data Engineering, который включает в себя проектирование ETL процессов, анализ и визуализацию данных, оптимизацию баз данных и представление результатов проекта.
6. Станешь востребованным Инженером данных в IT
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
[EZE DEV] Вводный курс по iOS
25 апр 2024
Главная задача курса - предоставить студенту информацию о каркасе современного приложения и об основных темах, которые необходимо изучать для быстрого наращивания экспертизы. Курс не даст конкретных решений, но поможет студенту понять, как правильно искать информацию для решения любой частной проблемы.
Курс будет полезен для тех, кто:
- Хочет сменить профессию, и рассматривает iOS-разработку как основную работу;
- Планирует в будущем создать стартап;
- Чувствует, что предыдущий образовательный курс не дал понимания того, как устроена разработка;
- Интересуется, как устроено то, с чем мы взаимодействуем по 7-9 часов ежедневно;
- Просто хочет расширить кругозор.
- Является действующим разработчиком;
- Не имеет под рукой компьютера Apple с актуальной версией ОС.
- 5 лекций по 45 минут;
- 5 вебинаров по 90 минут.
- 1. Вода, или зачем это все нужно:
Обсудим, как умение создавать приложения может быть полезным любому человеку. Покажу, почему разработка для iOS - самый простой вид программирования. Узнаем, как правильно обучаться самостоятельно, где искать информацию и как можно воспользоваться полученными знаниями.
- 2. Как устроено приложение:
Расскажу, как сделать пустое приложение, какие технологии используются для создания интерфейса и какой путь проходит проект от дизайн-макета до App Store.
- 3. Интерфейс приложения:
Навигация между экранами. Способы создания интерфейса приложения. Слои приложения. Основные визуальные элементы приложения. Темная тема приложения. Обновление визуальных элементов.
- 4. Работа с сетью:
Основные виды сетевого взаимодействия в iOS. Что такое сервер и как к нему обратиться. Работа с тренажером от ИЗИ DEV.
- 5. Написание кода в Swift:
Самые актуальные типы данных в Swift. Инициализация класса, создание простых и сложных классов. Свойства, методы, протоколы. Области видимости.
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... -
[Stepik] Frontend разработчик на HTML, CSS и JavaScript, 2024 (Исмаил Усеинов)
24 апр 2024
О курсе:
Этот курс направлен на обучение созданию сайтов и программированию на языке JavaScript, весь материал подносится простым языком. Вы получите много полезных материалов и мы вместе будем применять изученное на практике создавая интересные проекты шаг за шагом.
Мы с вами пройдем путь от установки своего первого редактора кода до создания сайтов. Мы будем изучать теоретическую часть и сразу же применять её на практике. Все ссылки на ресурсы, дополнительные материалы, шпаргалки и готовые фрагменты кода будут предоставлены внутри курса.
На все вопросы внутри курса отвечаю лично в разделе "Комментарии" (этот раздел есть под каждым шагом). Так же есть Телеграм канал для вопросов и обсуждений не только по данному курсу. Там можно общаться с другими участниками моего сообщества и лично со мной на любые темы касательно разработки и программирования.
Каждый урок состоит из отдельных шагов (до 16 шагов) - это может быть, теория в виде текста, видео, тестовое задание.
Почему стоит начать обучение сейчас? Создание сайтов и программирование - это очень востребованные навыки, который хорошо оплачиваются. Изучив и освоив всю данную вам информацию вы сможете создавать свои продукты и работать как на фрилансе, так и в студии, потому что в этом курсе вы заложите крепкий фундамент для дальнейшего обучения и работы. Владея этими навыками вы сможете освоить любую CMS, понять и изучить как работает backend, создавать визуальную часть приложений, написанных на JavaScript фреймворках и библиотеках.
Данный курс содержит все уроки и задания из семи других моих курсов:
- Вёрстка на HTML & CSS для начинающих
- Супер курс по языку JavaScript
- Bootstrap 5 для начинающих
- Git и GitHub для разработчика
- Игра на Vue.js
- Планировщик задач Gulp 4
- Верстаем 8 сайтов по макету из Figma в портфолио
- Вам не нужно покупать курсы из списка выше по отдельности и вы можете сэкономить приобретая данный курс. Выбирайте этот курс, если хотите получить всё и сразу. Он более перспективен, так как получает много обновлений и улучшений. Так же цена на него в будущем может быть выше, а купив его сейчас, вам не придется доплачивать даже если цена увеличится. Вы получаете пожизненный доступ к курсу и всем последующим обновлениям заплатив один раз, сейчас.
- Или можете приобрести отдельный курс только по интересующей вас теме. Выбирайте другие мои курсы, если хотите изучить какую-то определенную тему и при этом не тратить деньги на то, что возможно даже не будите изучать или если вы не хотите делать вклад в своё будущее, сейчас.
Для кого этот курс:
- Для тех, кто уже делал свои первые попытки в создании сайтов, но не очень успешно или давно.
- Для тех, кто хочет освоить HTML, CSS, JavaScript, Bootstrap, Vue, Git, GitHub, Gulp, и начать применять эти навыки в работе.
- Для тех, кто мало что понял из предыдущих пунктов, но очень хочет понять, так как чувствует, что эти навыки будут полезны.
- Для тех, кто хочет стать крутым разработчиком, зарабатывать на этом деньги и быть востребованным на современном рынке труда.
- Желание освоить создание сайтов и начать зарабатывать на этом
- Любой компьютер или ноутбук с доступом в интернет и базовые навыки работы с ним
- Немного целеустремленности, трудолюбия, терпения и щепотка веры в свои силы
- Никакой другой предварительной подготовки
- Устанавливать редактор для написания кода VS Code, настраивать его, устанавливать расширения и темы, работать с плагином Emmet, работать в терминале (командной строке)
- Работать с HTML и CSS - это два языка, которые необходимы для создания любого сайта
- Работать с системой контроля версий Git и добавлять свой код в удаленные репозитории на GitHub, делать Fork, Pull-request и слияние веток
- Работать с Flexbox, Grid и BEM, создавать свою адаптивную сетку на CSS и мы сверстаем много отдельных фрагментов современных сайтов
- Работать с Bootstrap и создавать мобильную адаптацию сайтов и приложений
- Создавать современные веб-сайты и правильно пользоваться документацией
- Работать с Photoshop и Figma в контексте верстки, извлекать картинки и текст из макетов
- Верстать сайты по макету из Figma и добавлять их себе в портфолио
- Составлять резюме, портфолио и брать свой первый заказ на фрилансе
- Программировать на языке JavaScript. Работать с DOM, с событиями и с современными JavaScript библиотеками для создания слайдеров, галерей, меню и других интерактивных элементов
- Автоматизировать процессы при помощи планировщика задач Gulp, работать с NPM и подключать плагины Node.js
- Работать с фреймворком Vue.js и создавать свою игру используя изученные ранее языки и технологии, загружать её в VK
- Получите в подарок полезный pdf документ с обзором более 40 нейросетей и ИИ, сможете научится пользоваться ими, а так же применять современные технологии в своей жизни и работе
- Чек-лист в формате pdf с рекомендациями на тему "Как пройти любое собеседование" и чек-лист "Эффективное обучение на примере изучения английского языка"
Основы языка HTML
- Введение
- Браузер и редактор
- Первые HTML теги
- Путь к файлу
- Создание списка
- Создание таблиц
- Работа с текстом
- Создание форм
- Атрибуты тегов
- Цвет RGB и символы
- Тест по HTML, Часть 1
- Итоги модуля
- CSS селекторы
- Работа с картинками
- Границы элементов
- Размеры элементов
- Шрифт текста
- Блочная модель
- Псевдоклассы и псевдоэлементы
- Основы CSS Flexbox
- Тест по CSS, Часть 1
- Итоги модуля
- Создаем меню + ДЗ
- Верстаем блок + ДЗ
- Текст и иконки + ДЗ
- Урок по Photoshop
- Верстка по макету + ДЗ
- Финальное задание
- Тест по HTML, Часть 2
- Тест по CSS, Часть 2
- Итоги модуля
- Что такое Git
- Установка Git
- Регистрация на GitHub
- Первые команды Git
- Работа с Git в VS Code
- Удаление репозитория
- Клонирование
- Расширение Git Graph
- Алиасы для Git
- Отмена изменений
- Работа с ветками
- Слияние веток Git
- Синтаксис Markdown
- Фрагменты кода Gist
- Хостинг GitHub Pages
- Портфолио на GitHub
- Fork и Pull Request
- Файл .gitignore
- Итоги модуля
- Редактор кода, Иконки и Emmet
- Основы CSS Grid
- Позиционирование, Размеры и Блочная модель
- Методология БЭМ, Как называть классы в HTML
- margin или padding, Что лучше использовать
- Выравнивание по центру и анимация
- Переменные root и Функция calc
- Тест по HTML, Часть 3
- Тест по CSS, Часть 3
- Итоги модуля
- Обзор, загрузка и подключение
- Шапка, модальное окно, градиент, треугольник, адаптивное видео
- Сетка 3 на 3 и иконки
- Сетка 2 на 2
- Аккордеон
- Адаптивные изображения
- Практика + ДЗ
- Форма сбора средств
- Создание футера
- Обзор документации
- Библиотека иконок
- Адаптивный сайт, Создание своей сетки
- Итоги модуля
- Работа с Figma и создание проекта
- Pixel Perfect и верстка Grid + Flexbox
- Верстаем несколько разделов сайта
- О работе верстальщика
- Интерактивные элементы на сайте
- ДЗ по верстке сайта
- Фриланс, первый заказ
- Итоги модуля
- Сайт 1 - Konstruct
- Сайт 2 - Alivio
- Сайт 3 - WD
- Сайт 4 - Britlex
- Сайт 5 - Archi Web
- Сайт 6 - Cloud Budget
- Сайт 7 - Dae
- Итоги модуля
- Работа с JavaScript
- Строки и логика
- Шаблонные строки, Случайные числа, Округление чисел
- Массивы
- Объекты
- Диалоговые окна, Тернарный оператор, Переключатель Switch
- Циклы + практика
- Функции + практика
- Дата и время
- JSDoc и Исключения
- ООП
- ECMAScript 2015 (ES6)
- Задачи на JS, Часть 1
- Задачи на JS, Часть 2
- Итоги модуля
- Работа с DOM
- Атрибуты, Элементы
- Генерация списков
- Календарь + ДЗ
- Сортировка таблицы
- Часы
- Классы и метрики
- Таблица из массива
- Таблица из объекта
- Таблица из данных
- Карточки часть 1
- Карточки часть 2
- Прогресс-бар
- Генератор имен
- Работа с localStorage
- Тест по JS, Часть 1
- Итоги модуля
- Обработчики событий
- Скрыть / Показать
- Простой слайдер
- Тёмная тема
- ООП на практике
- Делегирование и Фазы события
- Счётчик
- Переключатель
- Удаление карточек
- Разворачиваемые подменю
- Сортировка таблицы
- Всплывающая подсказка
- Отмена стандартного поведения
- Сочетание клавиш
- Выделение через CTRL
- Range-Слайдер
- События клавиатуры
- Работа с формами
- Фокус и потеря фокуса
- Перемещение по стрелкам
- События форм и буфера обмена
- События страницы, async и defer
- Диапазон и Выделение
- Проект №1
- Проект №2
- Проект №3
- Тест по JS, Часть 2
- Итоги модуля
- Работа с файлами
- Анимация на JS и CSS
- Регулярные выражения
- list.js: Поиск и сортировка
- sweetalert2.js: Модальные окна
- popper.js: Всплывающие подсказки
- baguetteBox.js: Галерея изображений
- lightgallery.js: Галерея изображений
- flatpickr.js: Календарь
- cleave.js: Формы
- mixItUp3.js: Фильтрация элементов
- swiper.js: Слайдер
- Итоги модуля
- Что такое Gulp
- Установка Node.js
- Инициализация
- NPM Пакеты
- Константа с путями
- Обработка стилей
- Отслеживание
- Обработка скриптов
- Готовая сборка
- Autoprefixer, Sourcemaps, Babel
- Сжатие изображений
- Минификация HTML
- Размеры файлов
- Отслеживание только новых файлов
- Синхронизация кода с браузером
- Работа с Pug
- Работа с Stylus
- Работа с SASS и SCSS
- Работа с TypeScript
- Работа с CoffeeScript
- Скачать сборку Gulp
- Итоги модуля
- Что такое Vue
- Структура проекта
- Интерфейс игры
- Достижения в игре
- Экран с вопросами
- Экран с результатами
- Начало работы с Vue
- Обработка событий
- Циклы и методы
- Конец игры на Vue
- Вычисляемые свойства
- Звук на JavaScript
- Работа с Git и GitHub
- Приложение в VK
- Идеи для практики
- Изучаем Vue 3
- Условия и циклы
- Интерполяция
- Стили и классы
- События и формы
- Финальный проект
- Чат-бот + ДЗ
- Итоги модуля
- Итоги курса
Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
Страница 32 из 34
