Я всегда хотел попробовать Vue. Сейчас самое время!

Я постараюсь создать семь приложений за 100 дней с помощью Vue.JS и напишу об этом на Medium и Twitter. Примите участие в челлендже #100daysofcode вместе со мной.

Соревнование

Поскольку я уже хорошо разбираюсь в JavaScript и TypeScript, я буду использовать настройку TypeScript для их создания. Кроме того, я буду публиковать кодовые базы на GitHub.

  1. Простое приложение
  2. Приложение для записи голоса, чтобы делать заметки
  3. Бюджетное приложение для отслеживания расходов
  4. Работающее приложение
  5. игра в шахматы
  6. Обратный поиск рецептов — вводите ингредиенты и находите, что из них можно приготовить.
  7. Клон Pinterest

Для более крупных проектов я стараюсь выделить день на планирование, 2 или 3 дня на фактическую реализацию и, возможно, день на полировку.

Я не буду подробно останавливаться на проектах в этой статье. Причина в том, что я хотел бы, чтобы вы тоже приняли этот вызов. У вас могут быть другие идеи, чем у меня. Я не хочу влиять на вас раньше времени.

Если вы попытаетесь сделать такие же проекты, вы можете сравнить свои результаты с моими, и я также буду рад увидеть ваши результаты. Так что не стесняйтесь делиться со мной своими проектами в Твиттере @devcreationsDE.

Как выучить новый язык программирования, фреймворк или библиотеку?

Всякий раз, когда я изучаю новый язык или библиотеку, я ставлю перед собой некоторые цели. Этот метод может даже сделать что-то вроде приложения todo увлекательным и сложным. Я знаю, что некоторые люди сразу начинают с чтения документации. Это тоже правильное действие. Однако я нахожу такой подход односторонним. Вместо этого я использую свой прежний опыт работы с React и Angular, чтобы ставить цели, которых хочу достичь.

Эти цели выбираются не случайно. Чтобы найти хорошие цели, я применяю простой метод, который придерживается того, что я называю принципом CAB. Этот подход рассматривает три важные вещи в обучении: Консолидация, Усиление, Наращивание. Во-первых, вы выбираете то, о чем ничего не знаете. Во-вторых, вы выбираете то, что знаете, но чего вам не хватает. В-третьих, вы выбираете то, что уже хорошо знаете.

Вот более подробный пример:

  1. Вы хотите изучить Vue.JS
  2. Вы хотите расширить свои знания в PWA
  3. Вы уже хорошо знаете TypeScript

Итак, вы создадите приложение Vue.JS, которое будет PWA и построено с использованием TypeScript.

Теперь вы ставите свои цели так: вам удобнее всего с TypeScript (3), но вам все еще может чего-то не хватать. Например, ваша цель может состоять в том, чтобы не использовать any для всего проекта. Мотивация состоит в том, чтобы закрепить то, что вы уже знаете, но все еще выходите из своей зоны комфорта. Для второго пункта вы установите более подробные цели. Вы можете ставить подробные цели, потому что уже кое-что знаете об этой технологии. Например, как работает кэширование? Как использовать родной функционал вроде камеры? Как PWA может помочь повысить производительность? Попробуйте пойти более подробно здесь и не торопитесь. Постановка подробных целей для навыка, который вы хотите развить, практически невозможна. Так что это может быть очень расплывчато, но вы все равно должны попробовать. Подсказка: не спрашивайте о различиях между Vue.JS и React. Найдите их сами, а затем погуглите и посмотрите, было ли у вас такое же впечатление. Вместо этого сформулируйте свои цели так: как Vue.JS управляет привязкой данных? Как создать хорошее решение для управления состоянием в Vue.JS? Как писать компоненты в Vue.JS?

Вопросы, которые вы можете задать, зависят от ваших знаний. Если вы никогда раньше не использовали Angular, React или Vue.JS, возможно, вы не сможете задать такие вопросы, как я. Что касается последнего пункта, о котором вы ничего не знаете, вы также можете быть гораздо более расплывчатым. Ваши вопросы могут быть такими: Что такое Vue? Что я могу сделать с Vue? Как начать использовать Vue?

Поскольку также есть небольшой шанс, что вы ничего не знаете о JavaScript, вы можете спросить, как бы вы использовали эту технику. Вот еще один пример:

  1. Вы хотите изучать JavaScript
    - Что такое JavaScript?
    - Что можно делать с JavaScript?
    - С чего начать изучение JavaScript?
  2. Вы хотите расширить свои знания об Интернете
    - Что означает HTTP?
    - Что такое сервер? Что такое Клиент?
    - Как работает Интернет?
  3. Вы кое-что знаете о своем компьютере
    - Какую программу мне следует использовать в моей операционной системе для написания JavaScript?
    - Как пользоваться терминалом?
    - Каковы наиболее важные команды терминала?

Подсказка: старайтесь задавать разные типы вопросов (например, не всегда используйте слово «что»).

Попробуйте применить эту технику для достижения своей следующей учебной цели и расскажите мне, что вы об этом думаете.

Без лишних слов, давайте перейдем к первому дню!

Спасибо, что присоединились.

Перейти к следующей статье: Изучайте Vue.JS со мной — День 1: Простое приложение Todo на Vue.JS