Будучи полным новичком в веб-разработке, я решил отправиться в четырехнедельное путешествие, чтобы изучить HTML, CSS, JavaScript и Vue с помощью Specialman Global Solution.SpecialMan Global Solution — это передовая технологическая компания, накопившая огромный опыт работы с различными организациями. Цель состояла в том, чтобы получить достаточно знаний для создания простого веб-приложения с использованием этих технологий. Вот что я узнал за четыре недели обучения.
Неделя 1: основы HTML, CSS и JavaScript
Первая неделя была посвящена изучению основ HTML, CSS и JavaScript. Я начал с того, что научился структурировать документ HTML и создавать различные элементы HTML, такие как заголовки, абзацы, списки, ссылки и изображения. Затем я перешел к CSS, изучая, как добавлять стили к элементам HTML, создавать классы и идентификаторы и использовать селекторы CSS для выбора определенных элементов. После этого я начал изучать основы JavaScript, такие как переменные, типы данных, операторы, управляющие структуры, функции и массивы. Я также узнал об объектной модели документа (DOM) и о том, как манипулировать элементами HTML с помощью JavaScript.
К концу недели я смог создать простую веб-форму с заголовком, разделом формы, стилем с использованием CSS и простой проверкой с помощью Javascript.
Я создал простые сценарии, которые отслеживают типы пользователей в поле ввода, а затем выводят сообщения, подобные этим полям, не могут быть пустыми, если вы отправляете форму, не вводя их, даже если символов недостаточно.
Неделя 2: Основы Vue
Вторая неделя была посвящена изучению основ Vue. Я начал с изучения экземпляра Vue, директив, привязки данных, обработки событий и вычисляемых свойств. Затем я перешел к более сложным темам, таким как создание компонентов, пропсы, слоты и хуки жизненного цикла.
Я создал простое приложение Vue, которое отображало список задач и позволяло пользователям добавлять и удалять задачи с помощью компонентов Vue и обработки событий.
Неделя 3: Vue Router и TailwindCSS
На третьей неделе я узнал о Vue Router и о том, как использовать его для создания одностраничного приложения, а также использовал TailwindCSS для стилизации приложения. Tailwind — это CSS-фреймворк, предоставляющий нам специализированные служебные классы, которые по большей части самоуверенны и помогают нам разрабатывать наши веб-страницы прямо из нашей разметки.
Неделя 4: Vuex и аутентификация
На последней неделе я узнал о Vuex, как создать хранилище, а затем использовал его для создания хранилища пользователей. Я также узнал об Axios, популярной библиотеке JavaScript для выполнения HTTP-запросов, и о том, как использовать ее для интеграции с API.
Я пошел дальше и отобразил список моментов, полученных из API с помощью Axios и отображенных с помощью Vue Router с тем же приложением, над которым я работал на третьей неделе, как и было указано. Приложение также использует аутентификацию. Пользователи могут зарегистрироваться, войти и выйти. Я смог добиться этого с помощью почтового API.
Заключение
Этот буткемп SpecialMan Solution предоставил мне LMS, в которую каждую неделю загружается обучающий контент. Меня добавили на сервер разногласий, где я мог задавать вопросы, когда сталкивался с проблемой, находил полезные ресурсы, которые значительно облегчали мне обучение.
Благодаря Specialman всего за четыре недели я прошел путь от полного новичка до создания простого веб-приложения с использованием HTML, CSS, JavaScript и Vue. Хотя мне еще предстоит многому научиться, этот опыт дал мне прочную основу для продолжения моего пути в качестве веб-разработчика. Я настоятельно рекомендую этот путь обучения всем, кто интересуется изучением веб-разработки. При самоотверженности, терпении и желании учиться любой может стать опытным веб-разработчиком.
