Тренировочный проект по материалам Glo Academy >>> Смотреть проект в GitHub Pages
Такие проекты необходимы для усовершенствования имеющихся навыков и приобретения новых знаний в безопасной среде, в неком «инкубаторе». На данный момент обучение с подобными практическими заданиями считаю наиболее эффективным.
В моем случае, есть понимание для чего я что-то конкретное изучил и где это могу применить, как это работает (наглядно) и запоминается усвоенный материал в разы лучше. Далее опишу что было сделано в данном проекте.
Интенсив по верстке «Свой Pikabu»
- ДЕНЬ 1. «Создание каркаса сайта». Ознакомился с дизайн-макетом в Figma. Сделал HTML-разметку страницы.
- ДЕНЬ 2. «Верстка постов». Сверстал посты из дизайн-макета.
- ДЕНЬ 3. «Верстка сайдбара». Сверстал Сайдбар — это такая панель на сайте, обычно справа.
- ДЕНЬ 4. «Адаптив, JavaScript и публикация сайта». Написал скрипт для сайта. Сделал сайт адаптивным. Опубликовал в GitHub Pages.
Воркшоп «Pikadu на JS» c использованием backend на RESTful API FireBase
- ДЕНЬ 1. «Создание структуры проекта на JavaScript». Получил со страницы необходимые элементы. Реализовал регистрацию и авторизацию (logIn, signUp). Изменил верстку для авторизованного пользователя.
- ДЕНЬ 2. «Вывод постов». Добавил возможность выходить logOut. Добавил возможность редактировать пользователя editUser. Реализовал вывод постов на страницу.
- ДЕНЬ 3. «FireBase». Добавил возможность добавлять посты авторизованному пользователю. Подключил в проект FireBase.
- ДЕНЬ 4. «Завершаем проект». Авторизацию переделал через FireBase. Выполнил отправку постов на сервер и вывод с сервера.
Мой отзыв: рекомендую вам интенсивы, которые ведет Артем Исламов — он просто замечательный преподаватель. Так же рекомендую воркшопы Максима Лескина, объясняет все досконально, отзывчивый и позитивный наставник.
Сам макет от Артема я немного переделал под себя.
Макет, по которому я верстал мини-сайт: смотреть макет в Figma
Код проекта: смотреть на GitHub
Дата создания статьи: 18.11.2022
Дата последнего обновления проекта: 29.11.2022
Рубрика: Веб-разработка, Портфолио