Разработка сайта pikawu (pikadu или копия Pikabu) | NikonoroW.ru

Тренировочный проект по материалам 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

Рубрика: Веб разработка

Комментарии

Оставьте Ваше сообщение

Подписаться
Уведомить о
guest
0 Комментарий
Межтекстовые Отзывы
Посмотреть все комментарии

Смотрите далее

Ознакомьтесь с другими работами

0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x