Начинаю свой путь в веб-разработке. Работаю в IT подразделении ПАО "Аэрофлот" в поддержке системы учета доходов. Я написала диплом в Яндекс.Практикум на 100 баллов из 100 и после работы создаю сайты на React для своих друзей и их бизнеса.
2. Проект место с использованием React
Технологиии: React, HTML5, CSS3, JS, Flex, Grid4. Проект Mesto на Vanilla JavaScript. Позволяет изменить аватар, имя и информацию о пользователе. Добавить карточку места и поставить лайк карточкам пользователей.
Использовано:
- загрузка карточек и информации о пользователе с сервера
- реализация открытия/закрытия попапов
- добавление новой карточки с названием места
- возможность удаления только собственных карточек пользователя
- API
- адаптивная верстка
Ссылка на репозиторий: https://github.com/KatyZhe/mesto
Ссылка на проект: https://katyzhe.github.io/mesto/
5. Проект Russian Travel о путешествиях по России с указанием полезных ресурсов.
Использованы HTML5/CSS3:Красный диплом в специализации "Менеджмент на воздушном транспорте"
1. Проект "How to Learn"
Лэндинг о методах обучения с использованием HTML5/CSS3:
- Flex
- анимация
Ссылка на репозиторий в github: https://github.com/KatyZhe/how-to-learn
Ссылка на реализованный проект: https://katyzhe.github.io/how-to-learn/
2. Проект Russian Travel о путешествиях по России с указанием полезных ресурсов.
Использованы HTML5/CSS3:
- Flex, Grid
- адаптивная верстка
Ссылка на репозиторий: https://github.com/KatyZhe/russian-travel
Ссылка на проект: https://katyzhe.github.io/russian-travel/
3. Проект Mesto с использованием JavaScript. Позволяет изменить аватар, имя и информацию о пользователе. Добавить карточку места и поставить лайк карточкам пользователей.
Использовано:
- загрузка карточек и информации о пользователе с сервера
- реализация открытия/закрытия попапов
- добавление новой карточки с названием места
- возможность удаления только собственных карточек пользователя
- API
- адаптивная верстка
Ссылка на репозиторий: https://github.com/KatyZhe/mesto
Ссылка на проект: https://katyzhe.github.io/mesto/
4. Проект место с использованием React
Технологиии: HTML5, CSS3, Flex, Grid, React
Функционал: регистрация, авторизация пользователя, возможность изменять данные аватара, имени и информации о себе с отправкой и получением инфо с сервера.
Ссылка на реализованный проект: katyzhe.github.io/react-mesto-auth/
5. Бэкенд для учебного проекта mesto
https://github.com/KatyZhe/express-mesto-gha
Отправка запросов на сервер и варианты обработки ответа сервера.
Использование express, eslint
* Умение верстать проекты различной сложности по макету Figma с использованием методологии БЭМ.
* Умение создавать адаптивную вёрстку.
* Знание типов данных в JS и методов работы с ними.
* Умение применять методы работы с типами данных на практике.
Умение писать код в парадигме ООП.
Понимание синхронности и асинхронности. Знание концепции REST API. Навык писать асинхронный код и запросы к серверу.
* Работа с React и React Router.
* Умение писать код на классах и на функциональных компонентах.
* Умение применять популярные React-хуки.
* Понимание того, как взаимодействует клиентская часть приложения с серверной. Знание основ Node.js и навыки написания бэкенда на Express.
* Умение работать с NoSQL базой данных MongoDB.
Настройка и запуск сервера, доставка кода на сервер.
* Продвинутая работа с Git через командную строку.