Новые складчины | страница 34

​

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

Раздел 1
Старт
Познакомимся с преподавателями, наставниками и учебным процессом на курсе. Рассмотрим устройство веба и чем вы будете заниматься на работе. Установим и настроим инструменты для работы.

• Познакомимся со структурой курса, сделаем обзор личных проектов и критериев качества, по которым они будут оцениваться.
• Узнаем, кто такие авторы, кураторы и наставники курса.
• Поговорим о том, из чего состоят сайты, кто и как их делает, и за что в этом процессе отвечает верстальщик.
• Посмотрим на инструменты для работы на курсе: редакторы графики и кода, браузеры и отладчики, систему контроля версий.
• Разберём процесс работы над проектом и его защиту.

Статьи

• Статьи, которые помогут выбрать редактор кода, разобраться с принципами работы браузеров, Git и GitHub.

Проекты

• Выбираем наставника.
• Настраиваем инструменты разработки, создаём репозитории проектов.
• Отрабатываем процесс выполнения заданий. Вносим изменения в проект и отправляем их в GitHub.

Раздел 2
Разметка
Создадим семантичную, доступную и выразительную разметку страниц проектов по макету.

• Познакомимся с синтаксисом HTML, погрузимся в тонкости тегов и их атрибутов, поговорим о семантике.
• Посмотрим, как работает спецификация, разберём категории тегов и правила их вкладывания, разберём сложные случаи разметки.
• Познакомимся с интерфейсом Figma, научимся анализировать макет и выделять из него уникальные и повторяющиеся блоки.
• Научимся выстраивать базовую структуру страницы и использовать классы для именования блоков.

Демонстрации
Интерактивные демонстрации по разметке учебного проекта.

ТренажёрыСтатьи

• Тренажёры для знакомства с HTML.
• Статьи о том, как правильно создавать семантическую HTML-разметку.

Проекты

• Получаем макеты в Figma.
• Создаём и размечаем страницы проекта.

Раздел 3
Графика
Экспортируем графику из макета.

• Изучим интерфейс Figma и научимся снимать с макета параметры блоков и текста.
• Разберёмся в форматах графики, научимся выбирать правильный формат, экспортировать и оптимизировать изображения.
• Научимся создавать файловую структуру проекта, использовать относительные пути к ресурсам на примере графики.

Демонстрации
Интерактивные демонстрации по внедрению графики учебного проекта.

ТренажёрыСтатьи
Статьи про базовые возможности и эффективную работу в Figma и про особенности графических форматов.

Проекты

• Экспортируем растровую и векторную графику из Figma.
• Подключаем контентную графику в разметку.

Раздел 4
Базовая стилизация
Выполним базовую стилизацию страниц проекта.

• Научимся создавать файловую структуру проекта, использовать относительные пути к ресурсам на примере стилевых файлов.
• Погрузимся в основы CSS и разберёмся, что такое наследование, каскад и специфичность.
• Внедрим контентную и декоративную графику на страницы проекта.
• Подключим шрифты, поработаем с типографикой и зададим фоны элементам.

Демонстрации
Интерактивные демонстрации по базовой стилизации учебного проекта.

ТренажёрыСтатьи
Тренажёры для знакомства с базовым синтаксисом CSS, возможностями по стилизации текста и управлению фоном.

Проекты

• Подключаем шрифты.
• Выполняем базовую стилизацию: текстовые параметры, фоны крупных блоков, текстуры.

Раздел 5
Сетки страниц на флексах
Построим крупные сетки страниц с помощью флексов.

• Разберёмся в боксовой модели и познакомимся с типами боксов.
• Научимся анализировать сетки на макетах и определять крупные сетки страниц.
• Познакомимся со спецификацией Flexible Box Layout: оси флексов, их направление и расположение вдоль них флекс-элементов; растяжение, сужение и базовый размер флексов.

Демонстрации
Интерактивные демонстрации по созданию крупных сеток страниц учебного проекта.

ТренажёрыСтатьи

• Статьи, которые помогут разобраться с особенностями флексов, блочной модели и приёмами построения сеток.
• Тренажёры для знакомства с блочной моделью документа, флексами и приёмами построения сеток.

Проекты

• Описываем крупные сетки страниц на флексах.
• Сравниваем вёрстку с макетом.

Раздел 6
Сетки компонентов на флексах
Создадим мелкие сетки компонентов страниц при помощи флексов.

• Разберём особенности мелких сеток.
• Узнаем, что такое переполнение и как с ним справиться при помощи флексов.
• Поговорим про тонкости и ограничения флексов: порядок флекс-элементов, многострочный флекс-контейнер и расположение строк внутри него.

Демонстрации
Интерактивные демонстрации по созданию мелких сеток компонентов страниц учебного проекта.

ТренажёрыСтатьи

• Статьи, которые помогут разобраться с особенностями многострочных флексов.
• Тренажёры для погружения в работу с флексами.

Проекты

• Описываем мелкие сетки компонентов страниц на флексах.
• Сравниваем вёрстку с макетом.

Раздел 7
Сетки компонентов на гридах
Создадим мелкие сетки компонентов страниц при помощи гридов.

• Познакомимся со спецификацией Grid Layout: основные понятия, устройство шаблонов (строки, колонки, линии, области), ручная и автоматическая раскладка, многослойность в гриде, баги и ограничения гридов.
• Разберём типовые ситуации, когда гриды подходят лучше флексов.
• Поговорим про совместное использование гридов и флексов, рассмотрим преимущества и недостатки каждой технологии.

Демонстрации
Интерактивные демонстрации по созданию мелких сеток компонентов страниц учебного проекта.

ТренажёрыСтатьи

• Тренажёры для знакомства с гридами.
• Статьи, которые помогут разобраться с особенностями гридов.

Проекты

• Описываем мелкие сетки компонентов страниц на гридах.
• Сравниваем вёрстку с макетом.

Раздел 8
Декоративные элементы
Добавим на страницы проектов мелкие декоративные и иконочные графические элементы. Стилизуем текстовые блоки, декоративные элементы внутри сеток компонентов, кнопки и ссылки.

• Научимся использовать оформительскую и программируемую графику.
• Научимся стилизовать блоки при помощи двумерных трансформаций, рамок, теней и градиентов.
• Рассмотрим псевдоэлементы и точечное позиционирование элементов.
• Погрузимся в тонкости типографики и визуальные правила оформления контента.
• Научимся стилизовать интерактивные состояния ссылок и кнопок.

Демонстрации
Интерактивные демонстрации со стилизацией декоративных и контентных элементов учебного проекта.

Тренажёрытатьи
Тренажёры для закрепления навыков создания декоративных элементов.

Проекты

• Добавляем мелкие декоративные и иконочные графические элементы.
• Стилизуем текстовые блоки, декоративные элементы внутри сеток компонентов, кнопки и ссылки.

Раздел 9
Попапы, слайдеры, формы
Сверстаем всплывающие элементы. Разберём приёмы стилизации форм и их элементов. Рассмотрим состояния и позиционирование элементов на странице.

• Научимся оформлять нестандартные элементы форм.
• Разберёмся с тем, как встраивать модальные окна и выпадающие элементы на страницу.
• Научимся стилизовать интерактивные состояния компонентов форм и слайдеров.

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

​

Инструменты, которые вы освоите: JavaScript, TypeScript, Playwright, Node.js, GIT, Allure.

Playwright – это передовой инструмент для автоматизации браузеров, который позволяет создавать надежные и быстрые тесты для веб-приложений.

Кому подойдет наш курс?

Этот курс не подойдет для новичков в IT и людям без базовых знаний в QA. С этого курса войти в айти у вас, увы, не получится.

Наш курс подойдет тем, кто уже работает QA/AQA, а также специалистам, которые не умеют программировать, но знают и понимают тестирование – мы не будем много говорить про теорию тестирования. Будет плюсом, если вы имеете опыт автоматизации тестирования с помощью других инструментов, например, Selenium, или если вы участник других курсов, или у вас есть опыт в python, java.

Тариф Мастер задач

• Бессрочный доступ к тренажеру
• 3 вебинара в записи по TypeScript в Playwright (дополнительно)
• AI-бот Ду-Ду для мгновенного CodeReview
• Чат курса с поддержкой и преподавателем
• Сертификат

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

​

В этом курсе вы научитесь писать софты на Python с использованием библиотеки web3.py

Что вы изучите:

• Основы Python
  Освоите всю базу python чтобы комфортно работать с web3. Выстроите системное мышление и сможете понимать на кодерском.
  
  
• Web3
  Освоите Web3, сможете работать с любым EVM блокчейном, научитесь писать свой софт, выстаивать логику и работу софта. Сможете с нуля написать свой аналог ALL-IN-ONE v2 или Attack Machine.
  
  
• Web3 PRO
  Научитесь работать с приложениями Web3 любого уровня сложности, сможете писать арбитражных и торговых ботов или даже написать собственного MEV-бота.

Фомо-кейсы: что можно делать, освоив данный курс

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

• Создание и продвижение своего медиа
• Разработка софта для выноса темок
• Билдинг
• Фриланс
• Заработок на продаже софта или подписках

Спойлер: Программа:

1. Ввод и вывод данных
2. Списки и кортежи
3. Словари
4. Работа с файлами
5. Работа с импортами
6. Запросы
7. Функции
8. Try Except
9. Объектно-ориентированное программирование (ООП)
10. Асинхронное программирование с asyncio
11. Создание, подпись и отправка транзакций
12. Подписание и проверка сообщений
13. Работа с контрактом
14. Обход капчи
15. Обзор блокчейн-эксплореров
16. Поиск нужных данных для транзакции
17. Multicall
18. Websocket
19. Обзор документации библиотеки web3.py
20. Работа с API бирж
21. Основы работы с Git

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

​

Программа предварительная, курс в процессе большого обновления!

Вы можете запросить уведомление об открытии записи, она планируется в сентябре 2024.

Курс посвящён профессиональной разработке на Node.js с использованием современных инструментов и подходов. Мы изучаем Node.js как основную технологию, углубляясь в её возможности и архитектуру, а также используем NestJS как один из инструментов для эффективного решения задач.

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

Кроме JavaScript, в курсе также рассматривается TypeScript, который помогает делать код более надёжным и понятным.

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

Как организовано обучение?
Курс идёт примерно 1.5 месяца.

До начала обучения: вводные материалы по основам Node.js.
Мы также будем использовать систему Git/GitHub для обмена исходным кодом, так делает большинство проектов. Для тех, кому это в новинку - дадим крэш-курс и поможем разобраться.

Онлайн-занятия с преподавателем 2 раза в неделю
Занятие проходит в формате вебинара. Запись занятия доступна через 15 минут после окончания. Вы также сохраняете доступ к записям после окончания курса.

Домашние задания, обратная связь по ним
Ваши решения присылаете преподавателю, он проверяет качество кода, использование правильных приёмов проектирования, даёт обратную связь.

Чат
Между занятиями доступен групповой чат для общения и вопросов преподавателю.

Курсовой проект
Большую часть кода для проекта пишете вы, проект разместим в интернете.

Результат
Вы хорошо разбираетесь в устройстве Node.js, разрабатываете и отлаживаете программы на нём.
Вы знаете, как создать и запустить проект любого размера, чтобы он стабильно работал, не падал, корректно отрабатывал при ошибках.
Вы можете разработать современный веб-сервис на Node.js с использованием самого последнего стандарта JavaScript и фреймворков.

Сертификат
По окончанию курсов вы получаете сертификат в электронном виде на русском и английском языках.
Хотя сертификатам в нашей профессии обычно не придают значения. Главное - знания и умения, которые вы получите, если будете полноценно участвовать в курсе.

Спойлер: Программа

Собрание
Первая встреча традиционно является собранием. На нём мы знакомимся, проверяем подключение, обсуждаем организационные вопросы, взаимодействие с преподавателем, и в целом процесс обучения на курсе.

Фреймворк NestJS
Этот модуль посвящен изучению основных концепций и архитектуры одного из самых популярных фреймворков – NestJS.

Внедрение зависимостей и провайдеры
Разберем очень важную концепцию – систему внедрения зависимостей, а также ее конкретную реализацию в NestJS, изучив, как создавать и управлять провайдерами для построения модульных и тестируемых приложений.

Построение модульных приложений
Научимся организовывать приложение в виде функциональных модулей, с упором на разделение ответственности (еще один из основополагаюших принципов SOLID) масштабируемости.

Продвинутая маршрутизация и middleware
Рассмотрим продвинутые техники маршрутизации, включая динамические ссылки, обеспечение безопасности доступа к данным и использование промежуточного ПО для обработки запросов.

Интеграция баз данных с TypeORM
Базы данных играют ключевую роль в большинстве современных приложений, рассмотрим Object-Relational Mapping (ORM) и Object-Document Mapping (ODM), а также преимущества их использования в разработке.

Конфигурирование и настройка окружения
Разберем примеры конфигураций, в том числе с помощью переменных окружения, посмотрим как обеспечивается гибкость и безопасность приложения на разных этапах разработки.

Аутентификация и авторизация
Определим понятие стратегии аутентификации, включая JWT, OAuth2, а также научимся управлять доступами на основе ролей (например "админ" или "гость") с использованием встроенных механизмов и декораторов.

Обработка ошибок и логирование
Разработаем комплексный подход к обработке ошибок и логированию, используя глобальные фильтры, перехватчики и библиотеки логирования, такие как Winston и Bunyan.

Тестирование приложений
Навыки тестирования крайне важны для создания приложений "следующего уровня" – научимся писать надежные юнит-тесты, интеграционные и end-to-end тесты с использованием Jest и Supertest.

Работа с GraphQL
Научимся разрабатывать и интегрировать GraphQL, включая проектирование схем, создание резолверов и оптимизацию производительности с помощью загрузчиков данных.

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

Развертывание и масштабирование приложений
Разумеется написание кода – это лишь часть процесса разработки приложения. В этом модуле мы с вами овладеем процессом развертывания приложений, включая создание CI/CD конвейеров, контейнеризацию с Docker, а также стратегиями масштабирования на облачных платформах, таких как Yandex Cloud, AWS и прочих.

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

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

Предварительные требования

• Знание современного JavaScript, классов, асинхронных функций, работы с HTTP API.
• Понимание браузерного JavaScript/HTML/CSS (однако клиентский код писать не понадобится, этот курс про серверный JS).
• Интернет 256kb/s или быстрее для видео.

Преподаватель
Сергей Зеленов
Ведёт курс с 28 июня 2016
Автор курса по Node.js и автоматизированного задачника. Профессионально разрабатываю веб-приложения с 2009 года, с 2013 — с использованием Node.js. Со-основатель и технический директор компании Recova, создающей систему хранения и обработки больших данных для машинного обучения. С 2015 года разрабатываю платформу learn.javascript.ru: локализация движка, мультиязычный поиск, автоматизированная проверка задач. Обучаю фундаментальным вещам и созданию архитектурно грамотного, качественного и тестируемого кода.

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

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

​

Для кого курс:

Курс подойдет специалистам автоматизированного тестирования на Python с опытом работы до 3-х лет, желающим углубить и систематизировать свои знания или специалистам автоматизированного тестирования желающим перейти на Python QA.

Необходимые знания:

• базовые навыки программирования на Python и работы с Git
• основы работы веб-приложений
• навыки работы с консолью разработчика в браузере
• знание теории функционального тестирования

Что даст вам этот курс?

Курс позволит узнать, как решаются задачи автоматизации тестирования на реальных проектах с использованием языка Python. На первый план выходит понимание принципов построения framework-a и решения задач, а не изучение конкретного инструмента. Обучение представляет из себя подготовку автоматизатора, где вы научитесь уверенно разрабатывать автотесты для REST API и поиска неисправностей в бэкенде

Особенности курса:

• микросервисное учебное приложение, которое позволит научиться писать интеграционные сценарии
• использование нескольких паттернов проектирования
• повышение технической грамотности функционального тестировщика до уровня разработчика
• поиск неисправностей в работе веб-приложений
• гибкий и простой в использовании инструмент для написания автотестов на Python
• минимум теории, будем изучать только то, что нужно в данный момент и максимум практики

Спойлер: Программа:

1. Неделя: ведение в автоматизацию тестирования
   
   В течение 1 недели мы обсудим как будут проходить занятия, вспомним основы Python и установим необходимые для работы программы, напишем первые тесты, и настроим автоматический запуск тестов в GitHub
   
   
   Урок 1: Знакомство
   Урок 2: Подготовка и установка необходимых инструментов
   Урок 3: Повторение базовых знаний по python
   Урок 4: Введение, поговорим о том, как будет проходить тренинг
   Урок 5: Что такое REST API
   Урок 6: Виды запросов и CRUD. Из чего состоит запрос и ответ сервера.
   Урок 7: Библиотека requests, как выглядит запрос в Python, анализ объекта RESPONSE
   Урок 8: Создание первого теста
   Урок 9: Создание класса клиента, и объединение методов, для удобства использования
   Урок 10: Что необходимо автоматизировать в первую очередь, когда выполнять автотесты, настройка прогона тестов в github
   ​
2. Неделя: архитектура и работа с данными
   
   В течение второй недели мы научимся создавать тестовые данные, выносить их подготовку специальные функции "fixture"
   
   
   Урок 1: Логгирование запросов и авторизация(внедняем паттерн проектирования "Proxy")
   Урок 2: Повышаем удобство доступа к классам клиентам, классы помощники (внедряем паттерн проектирования "Facade")
   Урок 3: Умные ожидания (изучаем паттерн проектирования "Decorator")
   Урок 4: Фикстуры подготовки тестовых данных и авторизации
   ​
3. Неделя: проверки
   
   В течение 3 недели мы изучим различные виды проверок
   
   
   Урок 1: Виды проверок
   Урок 2: Базовые проверки
   Урок 3: Проверка структуры и типов данных
   Урок 4: Проверка значений json структуры
   Урок 5: Менеджер контекста
   Урок 6: Мягкие проверки
   Урок 7: Функции чекеры
   ​
4. Неделя: работа с конфигурациями, allure отчеты
   
   На 4 неделе мы научимся работать с файлами конфигурации, научимся запускать тесты на разных окружениях, построим красивые и информативные allure отчеты.
   
   
   Урок 1: Файлы конфигурации
   Урок 2: Сборка docker образа
   Урок 3: Allure отчеты и настройка отчета Github Actions
   Урок 4: Github Actions
   Урок 5: Подведение итогов
   ​

Результат:

В конце обучения у вас будет репозиторий на GitHub. Вы научитесь правильно проектировать и строить фреймворки автотестов, делать красивые отчеты о тестировании, работать с файлами конфигурации и запускать автотесты в docker.

Спойлер: Преподаватель:

Валерий Меньшиков

• Эксперт по автоматизации тестирования API с использованием Python, с опытом работы более 6 лет
• Занимаюсь автоматизацией тестирования для более чем 100 REST, gRPC, GraphQL микросервисов
• Я помогу вам написать автотесты так, чтобы вы могли гордиться своим GitHub репозиторием, а внедренные решения позволят ускорить разработку, повысить стабильность и обеспечат легкую поддержку фреймворка автотестов
• Являюсь Lead QA Automation Engineer в OZONTECH
• Руковожу школой автоматизации тестирования IT WIZARD
• Спикер конференции Ozon Tech Community QA (Python) Meetup

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