Введение:
Будучи участником этой программы стипендий Bytewise Limited, я имел возможность узнать о различных аспектах веб-разработки. У меня уже были промежуточные знания HTML, CSS, JS и React, и это товарищество действительно помогает мне крепко в них разобраться. В этой статье я подытожу все, что я узнал на данный момент, включая HTML, CSS, JS, Git/GitHub и основы React.
Резюме: Введение в HTML, CSS и JavaScript:
Вначале мы начали с изучения основ веб-разработки, включая HTML, CSS и JS. Я узнал, что HTML используется для структурирования содержимого на веб-странице, CSS используется для стилизации содержимого и придания ему визуальной привлекательности, а JS используется для добавления интерактивности и функциональности веб-странице. Было немного сложно одновременно изучать все три языка, но со временем и практикой я смог лучше понять концепции.
JavaScript, который вам нужно знать перед запуском React:
Прежде чем приступить к работе с React, я также узнал, что есть несколько важных концепций и функций JavaScript, которые полезно знать. К ним относятся синтаксис ES6 (стрелочные функции, оператор распространения, деструктуризация и т. д.), методы массива (карта, фильтрация, сокращение и т. д.), Promises и Fetch API. Наличие прочной основы в этих концепциях может упростить понимание и работу с React.
Git и контроль версий GitHub:
По мере продвижения по программе мы узнали о контроле версий и о том, как использовать Git и GitHub. Контроль версий важен, потому что он помогает нам отслеживать изменения, внесенные в наш код, и упрощает сотрудничество с другими разработчиками. Я научился создавать репозиторий Git, фиксировать изменения и отправлять эти изменения в удаленный репозиторий на GitHub. Работа с Git и GitHub была отличным опытом, и теперь я чувствую себя более уверенно, управляя своим кодом.
Основы React — Введение в React:
Изучив основы веб-разработки и контроля версий, мы перешли к изучению React. React — это библиотека JavaScript, которая используется для создания пользовательских интерфейсов. Он популярен, потому что позволяет нам создавать повторно используемые компоненты пользовательского интерфейса, которые могут сделать наш код более модульным и простым в обслуживании.
Основы React — синтаксис JSX:
Одной из первых вещей, о которых мы узнали в React, был синтаксис JSX. JSX — это расширение синтаксиса для JavaScript, которое позволяет нам писать HTML-подобный код в наших файлах JavaScript. Сначала мне это показалось немного странным, но вскоре я понял, что это значительно упрощает написание и чтение кода.
Основы React — виртуальный DOM:
Другой важной концепцией, которую мы узнали в React, была виртуальная DOM (объектная модель документа). Виртуальный DOM — это облегченная копия реального DOM, которая позволяет React эффективно обновлять пользовательский интерфейс. Обновляя виртуальный DOM вместо реального, React может свести к минимуму количество необходимых изменений, что может повысить производительность.
Основы React — состояния и реквизиты:
Две другие ключевые концепции, о которых мы узнали в React, — это состояния и реквизиты. Состояния используются для управления внутренними данными внутри компонента, а реквизиты используются для передачи данных из одного компонента в другой. Сначала я нашел эти концепции немного сложными, но поработав с ними некоторое время, я начал понимать, как они работают и как их эффективно использовать.
Проект 1:
В качестве первого проекта в модуле React нам было поручено создать трекер расходов. Цель трекера расходов состояла в том, чтобы помочь пользователям отслеживать свои доходы и расходы. Мне пришлось использовать свои знания React для создания компонентов, которые могли бы отображать баланс, доходы и расходы пользователя. Было сложно понять, как передавать данные между компонентами с помощью реквизита, но с помощью инструктора и предоставленных им ресурсов я смог завершить проект.
В целом, я многому научился в этой программе стипендий. Я чувствую.
