Всем привет.
Недавно у меня появилась возможность поработать стажером по веб-разработке в LetsGrowMore в рамках программы виртуальной стажировки LGM (LGMVIP). Это была месячная стажировка, начавшаяся с 1 июля 2021 года. Стажировка требовала от нас выполнения как минимум двух из трех поставленных задач. Я выполнил первые две задачи, которые были:
- Начальный уровень: создание одной веб-страницы
- Средний уровень: создайте веб-приложение, используя create-реагировать-приложение
Обе эти задачи бросили мне вызов, научили меня проектировать веб-страницу, стилизовать ее и использовать такой фреймворк, как React, который очень эффективно повторно использует код для схожих элементов.
- Задание 1:
Первой задачей было создание статического веб-сайта в соответствии с шаблоном, предоставленным LetsGrowMore. Веб-сайт состоял из множества разделов, таких как панель навигации, слайд-шоу изображений, формы, видеоэлементы и многое другое. Выполняя эту задачу, я изучил множество концепций, в основном стиль веб-сайта с использованием CSS. Я использовал флексбоксы и сетки, чтобы различные компоненты страницы отображались в соответствии с задуманным дизайном. Чтобы сделать слайд-шоу и галерею изображений, я использовал JavaScript.
Гитхаб: https://github.com/AtulKarn/LGMVIP-WebDev/tree/main/task-1
2. Задача 2:
Во второй задаче я создал приложение React, используя create-react-app. Это был мой первый проект с использованием React, и я изучил основы создания веб-приложения с использованием этого фреймворка. Я узнал о компонентах React, свойствах, ES6, JSX, событиях и многих других аспектах веб-приложения, созданного с использованием React. Используя эти концепции, я создал веб-сайт, который извлекает пользовательские данные с помощью кнопки «Получить данные пользователя» и отображает их в карточках для каждого человека. В React есть чему поучиться, и я коснулся только верхушки айсберга в этом проекте. В будущем я намерен изучить React и создавать более качественные и полезные веб-приложения.
Гитхаб: https://github.com/AtulKarn/LGMVIP-WebDev/tree/main/task-2
Проверьте LetsGrowMore здесь:
