Олеся Ветошкина

С 8 апреля 2022 года прохожу обучение по специальности "Веб-разработчик с нуля" на платформе "Нетология".

Примеры работ: https://github.com/Olesya1988?tab=repositories

Пройдены модули:

1) "HTML-верстка: с нуля до первого макета".

Изучены темы:

1. Введение в вёрстку.

2. Контентные теги (шесть уровней заголовков, вёрстка основного текста, списков, добавление изображения, рамки, отступы, идентификатор и класс).

3. Теги для вёрстки структуры контента (деление текста на блоки, группировка элементов, выделение контекста на странице, вёрстка блока, строчные и блочные элементы, центрирование текста).

4. Позиционирование блочных элементов (перенос flex-элементов, блоки вверху и внизу страницы, margin-top и margin-bottom, псевдоклассы).

5. Вёрстка форм (создание поле для ввода, размер контекстной области, наследование, кнопки, поля для обязательного заполнения, выделение активных элементов).

6. Нестандартные элементы форм (поля с вариантами ответов, фон элемента и стрелка с вариантами ответа, радиокнопки, псевдоэлементы before и after, селекторы соседних элементов, чекбоксы).

7. Всплывающие элементы (позиционирование элементов, значение свойства position, свойство text-transform и разметка контактной информации).

8. Общие вопросы по работе с Adobe Photoshop.

9. Позиционирование flex-элементов (всплывающие окна, фиксация элемента, селекторы, свойства шрифтов, работа с цветом, изображения, вёрстка виджета.

Научилась верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку.

Дипломная работа - статичный сайт по макету Adobe Photoshop: https://codepen.io/Olesya1988/pen/oNEYKoK

2) "Адаптивная и мобильная верстка".

Изучены темы:

1. Вёрстка резинового макета.

2. Резиновые изображения.

3. Введение в медиа-запросы.

4. Медиа-функции.

5. Особенности вёрстки для мобильных устройств.

6. Вёрстка адаптивного макета.

7. Адаптивная типографика.

8. Breakpoints.

9. Адаптивные изображения.

Получен опыт, который позволяет создавать отзывчивые веб-интерфейсы. Научилась верстать сайты для всех типов устройств.

Дипломная работа - в код из предыдущего диплома добавила адаптивность: планшетную и мобильную версии: https://github.com/Olesya1988/MQ-52-diploma (страница для просмотра: https://olesya1988.github.io/MQ-52-diploma/)

3) "Основы программирования".

Изучены темы:

1. Базовые понятия. Переменные и числа.

2. Логический тип и ветвление.

3. Строки. Алгоритмы. Как отлаживать код.

4. Массивы и базовые методы работы с ними.

5. Циклы.

6. Ассоциативные массивы.

7. Функция без параметров. Область видимости.

8. Параметры и возвращаемое значение.

9. Адаптивные изображения.

Познакомилась с азами программирования, написала первые строки кода и создала первые простые проекты на популярном языке JavaScript.

Дипломная работа - доработка логики игры "Крестики-нолики": https://replit.com/@OlesyaVetoshkin/Diploma

4) "Git — система контроля версий".

Изучены темы:

1. Знакомство с системой контроля версий Git.

2. Работа с локальным репозиторием в Git.

3. Работа с удаленным репозиторием через GitHub.

4. Командная работа в Git и GitHub.

Научилась работать с системой Git и с сервисом GitHub, смогла публиковать свои домашние работы.

5) "Основы JavaScript".

Изучены темы:

1. Основные понятия.

2. Функции (функциональные выражения, стрелочные функции, контекст выполнения, функции высшего порядка, анонимные и самовызывающиеся функции).

3. Расширенная работа с массивами (итерация по массиву, поиск и расширенный поиск в массиве, преобразование массива).

4. Объекты (spread, rest, деструктуризация, удаление свойств и объектов, функции-конструкторы, свойство prototype).

5. Классы (ООП, конструкция class и функции-конструкторы, методы get, set, наследование и super, статические методы, нововведения последних версий ES).

6. Обработка исключений и замыкания (создание собственных исключений, перехват исключений, консольные методы, области видимости, замыкания).

7. Асинхронность (setTimeout, setInterval, работа с HTTP, оптимизация вычислений, bind).

8. Функции декораторы, оператор “...“, call, apply (декоратор-логгер и декоратор-шпион, кеширующий декоратор, передача контекста, call, apply, задерживающий декоратор, тормозящий декоратор).

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

Дипломная работа - доработка онлайн-сервиса для торговли криптовалютой: https://github.com/Olesya1988/BJS-diploma

6) "Основы JavaScript в браузере".

Изучены темы:

1. Возможности JavaScript в браузере.

2. Способы поиска нужного HTML-элемента (получение DOM-элементов по их особенностям, querySelector и querySelectorAll, методы получения родительских элементов, объект HTMLCollection, объект NodeList, $0 в консоли).

3. Объект события (обработчики событий, контекст обработчика this, события onclick, объект события, события клавиатуры).

4. DOM (cобытия Document Object Model, работа с атрибутами HTML-элементов, работа с классами, определение размеров и позиций элементов, навигация по элементам).

5. Работа с HTML-формами (HTML-формы, события списков, элемент select, события радио-группы, элемент radio, события флагов, элемент checkbox, формы HTML-страницы, document.form, валидация полей форм при помощи checkValidity).

6. Изменение структуры HTML-документа (содержимое HTML-элемента, добавление, создание, удаление, замена и клонирование HTML-элементов).

7. Асинхронные запросы (синхронность и асинхронность в JavaScript, протокол передачи гипертекста HTTP, объект XMLHttpRequest, дополнительные методы и индикация прогресса объекта XMLHttpRequest, отправка данных с помощью XMLHttpRequest и FormData).

8. Хранение состояния на клиенте и отправка на сервер (работа с LocalStorage, JSON, использование document.cookie, сравнение localStorage, sessionStorage, cookie, кросс-доменные запросы, CORS, XHR.withCredentials).

Узнала о дополнительных возможностях, которые даёт браузер — Web API. Подключила скрипт к HTML-документу и получила к нему доступ, чтобы сделать документ «живым»: изменять его и реагировать на действия пользователя.

Дипломный проект - доработка онлайн-сервиса учёта финансов: https://github.com/Olesya1988/bhj-diploma

7) "Продвинутый JavaScript: современные возможности языка".

Изучены темы:

1. Стандарты и Рабочее окружение.

2. Модули и WebPack (модули, ES modules, CommonJS, Сравнение ES modules и CommonJS, WebPack).

3. Платформы: браузер vs Node.js (платформы, глобальный объект, браузер, Node.js).

4. Тестирование и Continuous Integration (Unit-тестирование, Jest, покрытие кода, Data Driven-тесты, Mocks, Continuous Integration, Husky).

5. Прототипы, конструкторы, классы и наследование (конструкторы, привязка контекста, иерархия наследования, классы, наследование).

6. Object, Reflection и Proxy (свойства объектов, прототипы и цепочки прототипов, Object, перебор свойств, методы сравнения массивов, Proxy & Reflect).

7. Регулярные выражения (методы String, методы Regexp, новые возможности регулярных выражений).

8. Контейнеры (контейнер Set, Map, Weak-контейнеры).

9. ArrayBuffer (типизированные массивы, ArrayBuffer, DataView, многопоточность в JS).

10. Promises, async/await, timers & event loop (длительные операции, Web Workers, Event Loop, Promises, Callback Hell, async/await, тестирование асинхронного кода).

11. Символы, итераторы, генераторы.

12. TypeScript (типизация, интерфейсы, TypeScript и Webpack).

Научилась работать с современным инструментом для организации рабочего окружения (npm, webpack) и разобралась с наиболее сложными разделами языка: прототипной моделью, promises и асинхронным программированием (async/await).

Дипломная работа - онлайн-игра "Retro Game": https://github.com/Olesya1988/js-advanced-diploma (сама игра: https://olesya1988.github.io/js-advanced-diploma/).

8) "Продвинутый JavaScript в браузере".

Изучены темы:

1. Рабочее окружение.

2. DOM.

3. Обработка событий.

4. Организация тестирования.

5. Работа с HTML-формами.

6. Drag and drop. Files

7. Работа с HTTP.

8. REST, Server-sent events, WebSockets.

9. Анимации и CSS.

10. Geolocation, Notification, Media.

11. RxJS.

12. WebWorkers, ServiceWorkers.

Освоила инструменты, ускоряющие работу. Научилась на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы — слайдеры, календари, файлы. Познакомилась с API, предоставляемым браузером: геолокацией, нотификацией, медиа, веб-сокетами. Через анимацию добавила интерактивность в свои приложения.

Дипломная работа - создание бота, предназначенного для хранения информации, поиска и других сервисов: напоминания, уведомления и интеграции с внешними сервисами (в процессе).

9) "React: Библиотека №1 в современной фронтенд-разработке".

Изучены темы:

1. Компоненты.

2. События и состояние.

3. Props и Typescript.

4. Формы.

5. Композиция компонентов.

6. Жизненный цикл и работа с HTTP.

7. Компоненты высшего порядка.

8. hooks, Context API.

9. React Router.

10. Redux.

11. Redux Toolkit.

12. Redux Observable.

13. Redux Saga.

10) "Алгоритмы и структуры данных. Базовый курс"

Изучены темы:

1. Введение в алгоритмическую сложность. Бинпоиск.

2. Динамическое программирование и “жадность”.

3. Сортировки.

4. Динамический массив. Списки. Деки.

5. Пирамиды и деревья поиска.

6. Хеширование.

7. Графы.

8. Орграфы.

11) "Основы PHP"

Изучены темы:

1. Консольные приложения в php.

2. Базовые операторы и функции.

3. Пользовательские функции.

4. Основы работы с объектами.

5. HTTP, заголовки, сессии.

6. Файлы, html формы.

7. Развертывание приложения на хостинге.

12) "Продвинутый PHP"

Изучены темы:

1. Понятие класса и объекта.

2. Основы ООП в PHP.

3. Трейты, перезагрузка и магия.

4. Работа с базами данных.

5. Тестирование.

Дополнительно прошла курсы на платформе "Нетологии":

- "Основы верстки сайта";

- "Старт в программировании";

- "Первые шаги в JavaScript: создаём сайт и приложение";

- "Excel: простые шаги для оптимизации работы с данными".

- "Основы Figma" (в процессе).

Ключевые навыки:

- HTML5;

- CSS;

- Pixel Perfect;

- JavaScript;

- JavaScript в браузере;

- PHP;

- Adobe Photoshop;

- Git;

- GitHub.

Опыт работы (около 10 лет) в банковской сфере (продажи, работа с клиентами).

Решила сменить профессию, т.к. поняла, что нравится веб-разработка и программирование.

В конце 2018 года переехала из Казахстана в Россию, в середине 2021 года самостоятельно получила российское гражданство.

Веду активный образ жизни: в свободное время занимаюсь волейболом (есть III взрослый разряд), люблю путешествовать, самостоятельно изучаю английский, читаю русскую классическую литературу.