GeekBrains
Frontend разработчик (обучение)
В процессе обучения изучил HTML, CSS, в частности особенности HTML5, и CSS3, реализованы несколько проектов по верстке, в процессе чего был применен адаптив.
Также изучил язык программирования JavaScript, ООП, в частности фреймворки Vue.js, React.js. Реализован проект на Vue.js с применением компонентного подхода и несколько проектов на React.js
Ссылки на github репозитории:
1) Проект по курсу HTML5, CSS3. Отсутствует адаптив но в
большей степени использованы нововведения HTML5.
Есть фоновое видео
https://github.com/Abdullah-ahi/HTML5-CSS3-first-project
2) Проект по курсу HTML, CSS. Сделан адаптив для:
max-width: 1024px
max-width: 768px
https://github.com/Abdullah-ahi/HTML-CSS-project
3) Сайт, сверстанный с полным адаптивом, для всех
размеров ширины.
https://github.com/Abdullah-ahi/WebsiteLayout.git
4) Зачетный проект по курсу HTML5, CSS3. Сделан
адаптив для нескольких вариантов ширины экрана
https://github.com/Abdullah-ahi/HTML5-CSS3-project
5) Проект по курсу JavaScript (уровень 2). Проект
реализован на Vue.js
https://github.com/Abdullah-ahi/JavaScript-lvl2
6) Мессенджер, написанный на React.js.
https://github.com/Abdullah-ahi/React.js
7) Проект, написанный на NodeJS, с упрощенной
версией калькулятора стоимости щитов управления
вентиляцией.
https://github.com/Abdullah-ahi/testProject
8) Приложение-личный кабинет, написанное на React.js
https://github.com/Abdullah-ahi/Personal_Area.git
9) Сайт, написанный на React.js. На главную страницу
добавлена 3D модель автомобиля, на странице "Новости"
отображаются новости автоиндустрии, которые
автоматически обновляются. Также сделаны страницы
регистрации и профиля
https://github.com/Abdullah-ahi/Auto_Industry.git
10) Тестовое задание. Front-end. React/Vue.
Задание выполнено на React.js.
1. Страница регистрации. К другим страницам нельзя
получить доступ без регистрации, даже если перейти по
адресной строке.
2. На главной странице находятся карточки, каждая из
которых имеет описание открытого api к которому она
ведет.
При клике по карточке осуществляется переход на
страницу, на которой отображается список карточек,
полученных из данного api.
3. На странице настроек можно добавлять, редактировать
и удалять пользователей. Между пользователями можно
переключаться как на странице настроек, так и в шапке
сайта, в которой отображается список всех
пользователей.
При переключении на пользователя на странице
настроек появляется отдельный блок, в котором
отображается подробная информация по данному
пользователю (имя, телефон и т.д.)
Также в шапке отдельно отображается действующий в
настоящее время пользователь.
https://github.com/Abdullah-ahi/-.-Front-end.-React-Vue.git
11)"Органайзер"
Имеются две страницы:
1) Календарь
• Есть возможность создавать события.
• Возможность привязывать к событиям контакты
2) Книга контактов
• Возможность добавления, редактирования и удаления контактов со следующими атрибутами:
• ФИО
• Телефон
• Почта
• Заметка
• День Рождения
При разработке использовался React (frontend) и Node.js(backend).
https://github.com/Abdullah-ahi/Organizer.git