В июле этого года, когда я просматривал курсы на NPTEL, я увидел знакомое название курса под названием «Введение в разработку современных приложений» (IMAD), знакомое, потому что в последний раз, когда он предлагался, я записался на этот курс, но не смог завершить курс, так как у меня был короткий семестр в моем колледже, и его рабочая нагрузка была большой, но на этот раз, просмотрев несколько лекций первой недели, я был полон решимости закончить курс, который я и сделал. Я даже пошел на стажировку в Hasura, компанию, которая предложила этот курс совместно с проф. Гаурав Райна из ИИТ Мадрас. Я был в восторге.
Первоначально нас попросили выбрать фреймворк, в котором я хотел бы работать, это было трудным решением для меня, так как я проделал много работы с интерфейсом, но не был знаком с ReactJS или нативным React, и хотя я был знаком с внутренний фреймворк nodeJS-express я не использовал его много. В конце концов мне поручили фронтенд-разработку с использованием библиотеки ReactJS.
ЗАДАЧА: В последнюю неделю ноября я получил электронное письмо, содержащее детали задачи 1. Нас попросили клонировать домашнюю страницу и страницу поиска (с условием поиска Aadhaar) с помощью ReactJS, Мне также было поручено использовать Material UI, который представляет собой набор компонентов реакции, устанавливающих дизайн материалов Google в React.
ИЗУЧЕНИЕ REACTJS: я понятия не имел, что такое ReactJS, когда получил электронное письмо от Хасуры о задаче первой недели. Я воспользовался ссылками, предоставленными Hasura на учебные пособия по ReactJS, записался на курс udemy и начал учиться. Должен признаться, я медленно начинал, так как многие концепции были для меня новыми.
УСТАНОВКА:
· Среда Linux (Ubuntu).
· Git и GitHub для управления версиями.
· Microsoft Visual Studio Code в качестве текстового редактора.
· Диспетчер пакетов Node (NPM) в качестве менеджера пакетов для установки зависимостей.
· Пакет create-react-app для запуска сервера разработки.
· NPM-пакет material-ui для компонентов Material UI.
· Инструменты разработчика Chrome для отладки
РАБОТКА НАД ЗАДАЧЕЙ: я начал работать над главной страницей 9-го вечера, зная, что никогда не смогу отправить ее вовремя, но дата отправки была продлена на 2 дня до 11-го ( слава Господу _/ \_😊) . Я планировал выполнить задачу следующим образом
- получить базовое выравнивание внешних компонентов.
- добавьте внутренние компоненты, детали и стиль их.
- добавьте контент, например, твиты, тренды и т. д..
Опять же, я должен признать, что работал с приложением медленно из-за того, что это был мой первый проект с использованием ReactJS. Мне было так интересно работать над этим, что я не спал всю ночь и работал над задачей. Первоначально работая над этой задачей, я столкнулся с трудностями при выравнивании компонентов, но понял это с помощью инструментов chrome dev и просмотрел стек на наличие сомнений.
ЗАПИСЬ: В конце концов я выполнил задачу 12-го утра и отправил ее, создав локальный репозиторий и отправив репозиторий на GitHub, заполнив форму и отправив свою задачу. вы можете проверить мою заявку здесь:https://github.com/Ramasubramanian-D/HPDF-week-1-task
ОПЫТ: В целом это была очень интересная неделя 1. Я хотел бы еще раз поблагодарить Хасуру за предоставленную возможность для этой стажировки. Я также хотел бы поблагодарить моих коллег-стажеров, которые помогли развеять мои сомнения :) .
Надеюсь, что в ближайшие недели мы поработаем над более увлекательными задачами, подобными этой. мир .
Если вы заинтересованы в разработке приложений и читаете это, но еще не прошли курс IMAD, пожалуйста, ознакомьтесь с ним, он снова выйдет в феврале 2018 года https://www.imad.tech/.