В июле этого года, когда я просматривал курсы на 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-го ( слава Господу _/ \_😊) . Я планировал выполнить задачу следующим образом

  1. получить базовое выравнивание внешних компонентов.
  2. добавьте внутренние компоненты, детали и стиль их.
  3. добавьте контент, например, твиты, тренды и т. д..

Опять же, я должен признать, что работал с приложением медленно из-за того, что это был мой первый проект с использованием ReactJS. Мне было так интересно работать над этим, что я не спал всю ночь и работал над задачей. Первоначально работая над этой задачей, я столкнулся с трудностями при выравнивании компонентов, но понял это с помощью инструментов chrome dev и просмотрел стек на наличие сомнений.

ЗАПИСЬ: В конце концов я выполнил задачу 12-го утра и отправил ее, создав локальный репозиторий и отправив репозиторий на GitHub, заполнив форму и отправив свою задачу. вы можете проверить мою заявку здесь:https://github.com/Ramasubramanian-D/HPDF-week-1-task

ОПЫТ: В целом это была очень интересная неделя 1. Я хотел бы еще раз поблагодарить Хасуру за предоставленную возможность для этой стажировки. Я также хотел бы поблагодарить моих коллег-стажеров, которые помогли развеять мои сомнения :) .

Надеюсь, что в ближайшие недели мы поработаем над более увлекательными задачами, подобными этой. мир .

Если вы заинтересованы в разработке приложений и читаете это, но еще не прошли курс IMAD, пожалуйста, ознакомьтесь с ним, он снова выйдет в феврале 2018 года https://www.imad.tech/.