Коли я почав Web Developer Fellowship, я не міг уявити, наскільки трансформаційним буде цей шлях. За останні вісім тижнів я пройшов шлях від розуміння основ кодування до створення повнофункціональних веб-застосунків. Ось розбір мого досвіду, основні висновки та роздуми.
Моя тижнева подорож
Тиждень 1: Основи веб-розробки
Перший тиждень був присвячений налаштуванню середовища для розробника та освоєнню основ. Я навчився використовувати Git для контролю версій та ознайомився з основами JavaScript, такими як змінні, цикли та умовні оператори.
Тиждень 2: Основи програмування та веб
Цей тиждень був зосереджений на освоєнні концепцій JavaScript, таких як масиви, об'єкти та функції. Я також навчився HTML та CSS для створення базових веб-сторінок, поєднуючи структуру та стилі.
Тиждень 3: Середній рівень CSS та JavaScript
Ми глибше занурилися в теми CSS, такі як Box Model, позиціювання та Flexbox, що зробило створення макетів набагато простішим. З боку JavaScript я вивчав розширені методи масивів, змінні типи та об'єктно-орієнтоване програмування (OOP). Маніпуляція з DOM стала потужним інструментом для динамічних інтерфейсів.
Тиждень 4: Розширений JavaScript та анімації
Цей тиждень представив нові можливості ES6, такі як деструктуризація, проміси та async/await, що зробило мій код більш сучасним та ефективним. Крім того, я працював з Canvas API, оживляючи анімації та починаючи свій шлях у розробці ігор.
Тиждень 5: Основи React
Це був мій вступ до React, де я навчився створювати модульні, повторно використовувані компоненти та управляти станом застосунку за допомогою hooks. Завдання "Марсохід" стало чудовим челенджем для практичного застосування всього, що я навчився.
Тиждень 6: React та введення в бекенд
Ми розширили наші знання з React, вивчаючи форми та маршрутизацію. З боку бекенду я почав працювати з Node.js та Express, налаштовуючи серверні застосунки та досліджуючи RESTful APIs.
Тиждень 7: MongoDB та розробка Full-Stack
Цей тиждень був орієнтований на бази даних. Я вивчав CRUD операції за допомогою MongoDB, проектування схем з Mongoose та інтеграцію бекенду з фронтендом для створення повноцінних full-stack застосунків.
Тиждень 8: Інтеграція Full-Stack та аутентифікація
Останній тиждень об'єднав усе, що я вивчав. Я з'єднав React з Node.js, реалізував аутентифікацію та відшліфував свої проекти, готуючи їх до розгортання.
Завдання та проекти
Усі мої завдання та проекти з фелошипу доступні в цьому репозиторії GitHub.
Ці проекти демонструють мій прогрес — від простих вправ з кодування до повноцінних full-stack застосунків.
Нижче наведені посилання на репозиторії з усіма моїми завданнями:
[
GitHub - Irshadmdk19/lab-js-basic-algorithms
Долучайтеся до розробки Irshadmdk19/lab-js-basic-algorithms, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-js-basic-algorithms?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-javascript-functions-and-arrays
Долучайтеся до розробки Irshadmdk19/lab-javascript-functions-and-arrays, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-javascript-functions-and-arrays?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-css-recipes-clone
Долучайтеся до розробки Irshadmdk19/lab-css-recipes-clone, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-css-recipes-clone?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-css-spotify-clone
Долучайтеся до розробки Irshadmdk19/lab-css-spotify-clone, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-css-spotify-clone?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/javascript-greatest-pokemons
Долучайтеся до розробки Irshadmdk19/javascript-greatest-pokemons, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/javascript-greatest-pokemons?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-root-cart
Долучайтеся до розробки Irshadmdk19/lab-root-cart, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-root-cart?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-js-chornometer
Долучайтеся до розробки Irshadmdk19/lab-js-chornometer, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-js-chornometer?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-canvas-race-car
Долучайтеся до розробки Irshadmdk19/lab-canvas-race-car, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-canvas-race-car?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-canvas-hangman
Долучайтеся до розробки Irshadmdk19/lab-canvas-hangman, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-canvas-hangman?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-hello-rootlearn
Долучайтеся до розробки Irshadmdk19/lab-hello-rootlearn, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-hello-rootlearn?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-bulma-components
Долучайтеся до розробки Irshadmdk19/lab-bulma-components, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-bulma-components?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-react-training
Долучайтеся до розробки Irshadmdk19/lab-react-training, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-react-training?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-thinking-in-react
Долучайтеся до розробки Irshadmdk19/lab-thinking-in-react, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-thinking-in-react?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-react-opencontacts
Долучайтеся до розробки Irshadmdk19/lab-react-opencontacts, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-react-opencontacts?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-react-opennutrition
Долучайтеся до розробки Irshadmdk19/lab-react-opennutrition, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-react-opennutrition?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-intro-to-node
Долучайтеся до розробки Irshadmdk19/lab-intro-to-node, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-intro-to-node?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-express-basic
Долучайтеся до розробки Irshadmdk19/lab-express-basic, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-express-basic?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-advanced-querying
Долучайтеся до розробки Irshadmdk19/lab-advanced-querying, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-advanced-querying?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-mongoose-recipes
Долучайтеся до розробки Irshadmdk19/lab-mongoose-recipes, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-mongoose-recipes?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-express-cinema
Долучайтеся до розробки Irshadmdk19/lab-express-cinema, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-express-cinema?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-express-drones
Долучайтеся до розробки Irshadmdk19/lab-express-drones, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-express-drones?source=post_page-----bd297f6d33df--------------------------------)
[
GitHub - Irshadmdk19/lab-react-FullStackDrinks
Долучайтеся до розробки Irshadmdk19/lab-react-FullStackDrinks, створивши обліковий запис на GitHub.
github.com
](https://github.com/Irshadmdk19/lab-react-FullStackDrinks?source=post_page-----bd297f6d33df--------------------------------)
Додатково ви можете відвідати webdevopen.com та theopenbootcamp.com, щоб дізнатися більше про фелошип.
Рефлексія
Ця фелошип програма стала справжнім шляхом розвитку — від вивчення основ до створення функціональних веб-застосунків.
Це більше, ніж просто набуті навички — цей досвід дав мені впевненість продовжувати досліджувати та розвиватися як розробник.
Я вдячний The Open Bootcamp за цю можливість. Якщо ви розглядаєте кар'єру в веб-розробці, ця програма — відмінне місце для початку!
Перекладено з: My Journey Through the Web Developer Fellowship