Автор оригинала: Chris Blakely.
Есть много отличных учебных пособий, которые прогуляются к созданию приложений, из простых списков TODO для полного рабочего веб-приложений. Но как вы начинаете свои собственные проекты с нуля? Без безопасной сети учебника вы можете чувствовать себя немного потерянным на том, что построить, или даже как начать.
Это шаги, которые я следовал, что помог мне создать свои собственные проекты, когда я был младшим разработчиком – и также устанавливаю навыки, которые мне нужно было стать лидерством команды программного обеспечения. Но сначала…
Зачем строить свои собственные проекты, когда смогу следовать учебникам?
Хороший вопрос, любопытный читатель! Учебники отличаются до точки, но создание собственных проектов дает ооочень много других преимуществ:
Это заставляет вас думать
Сидясь и начнем свой собственный проект, есть много вещей, о которых нужно подумать.
- Как мне начать?
- Как это будет выглядеть?
- Какие технологии мне нужны?
И другие вещи, как это (мы поговорим о том, как начать через минуту). Это именно то, какая ваша работа в качестве разработчика повлечет за собой – разработать решение и увидеть его до конца. Создание ваших собственных проектов позволяет практиковать эти навыки и настроить Для начала вашей карьеры Отказ
Вы столкнетесь с проблемами, которые вы никогда не знали, существовали
Часто при последующем уроке вы подвергаетесь воздействию Счастливый путь – который в основном;
Что отлично, если вы изучаете новые технологии – плюс это будет довольно ужасное руководство, если то, что вы строите, не работали в конце.
К сожалению, жизнь веб-разработчика не так проста, как это. Когда вы пишете код, вы получите проблемы в какой-то момент. Легко и просто.
Создавая свои собственные проекты, вы столкнетесь с проблемами естественно И это дает вам возможность попрактиковаться в преодолении их. Это то, что разработчики каждый день, и практикуют это намного проще.
Это весело, и вы всегда будете чему-то научиться
Мы счастливый пук, мы разработчики. Мы можем сесть на ноутбук и построить все, что мы хотим, используя любые технологии, которые мы хотим. Мы также можем сделать это более или менее бесплатно. Я сомневаюсь, что Билл, Аэрокосмический инженер получит хороший ответ от своего босса, если он спросил: «Заниматься этим Боингом 747 на выходные, потому что он хочет попробовать новый реактивный двигатель, который он сделал дома».
Это весело построить свои собственные проекты. То, что вы можете использовать, показывать друзьям и семью или учиться. И это довольно безопасное хобби. Это может работать, это не может. Возможно, вам это может понравиться, вы можете сделать все целое. Но это не большая сделка, просто брось файлы проекта в виртуальный мусорщик и начните снова. Легкий!
На хорошие вещи …
ОК! Теперь мы рады, что создание нашего собственного проекта – отличный способ учиться и веселиться. Давайте посмотрим, как начать создавать свои собственные проекты.
Развернуть в своих учебных проектах
Есть что-то запугивание о запуске совершенно нового произведения. Вы садитесь в новый файл, и подумайте: «Что я делаю в первую очередь?» Приятный способ начать строительство ваших собственных проектов – построить ваши существующие учебные приложения и упражнения для кодирования. Это дает вам немного начала головы, а не начать с пустого шифера.
Итак, если вы завершили учебное пособие по приложению TODO (если у вас нет, где вы были?!) Вы можете построить его на все, что вы хотите. Например, вы могли бы:
- Разрешить сохранение списка TODO (в базу данных, LocalStorage и т. Д.), чтобы пользователь мог вернуться позже
- Дайте пользователю несколько вариантов настройки (измените цвет товаров Todo)
- Добавьте вход в систему
Вы получаете идею – в основном, используйте свое воображение! Возможности бесконечны, поэтому бросьте осторожность на ветер и постройте все, что вы чувствуете!
Построить вещи, которые вы будете использовать
У каждого есть свои идеи для веб-приложения. Используйте свои недавно найденные навыки веб-разработки для создания собственного! Запишите некоторые идеи для приложения, которое вы имели за эти годы, специально те что вы на самом деле использовали. Это не должно быть чрезмерно сложное приложение и может быть так же просто, как список Todo.
Создавая приложение, которое вы используете, он будет держать вас достаточно, чтобы увидеть проект до завершения. Также, используя приложение, как только он закончится, вы, естественно, найдут способы сделать его лучше, что дает вам другой проект для завершения – и кружок (кодируя) жизни повторяется!
Еще один аналогичный подход, состоит в том, чтобы воспроизвести популярное приложение, которое вы используете. Вам не нужно идти на тот же уровень детализации, что и приложение, которое вы реплицируете, но посмотрите, можете ли вы получить основные функциональные возможности. Например:
- Используйте API GitHub, чтобы создать собственную панель инструментов GitHUB
- Используйте API Twitter и сделайте свой собственный канал Twitter
- Веб-приложение, которое позволяет вам управлять своим бюджетом
Начать маленькое
Конечно, способ преодолевать, когда начать свои собственные проекты, – это все выйти и попытаться создать массивные проекты. Хотя амбиция хороша, вы можете застрять и разочарованы в вашем прогрессе.
Начните маленьким для ваших первых нескольких проектов. Вместо того, чтобы сделать полностью скрытый научный калькулятор, создайте основной, который делает простые дополнения и вычитания, например. Тогда как вы становитесь более удобными, добавьте новые функции. Прежде чем знать его, ваш небольшой проект превратится в полностью зараженное приложение.
Это также дает вам дополнительное преимущество практики того, как программное обеспечение построено в реальном мире. Небольшие особенности часто будут разработаны, протестированы и развернуты с шагом. Это обычно называется Agile Development (Имейте Nosy на FreeCodeCamp.org Для получения дополнительной информации об этом).
Иметь в виду цель
Есть популярная цитата Леонардо Да Винчи:
То же самое можно сказать же для программного обеспечения. После того, как вы начали свой собственный проект, часто можно было бы трудно знать, когда продолжать идти, и когда остановиться и двигаться на следующий. Если вы начнете с имею в виду цели, это даст вам что-то стремиться к, в отличие от того, что вы бесцельно бродили в пустыню.
Так что я имею в виду под целью? Цель в этом смысле в основном вы хотите достичь с вашим проектом. Вместо того, чтобы просто стремиться построить панель инструментов GitHub, вы можете сказать:
Это дает вам четкое направление, в котором работать. Как только вы достигли этой цели, вы можете добавить больше функций или переместить на другой проект. Цель может быть все, что вы хотите:
- «Я хочу научиться писать чистый код»
- «Я хочу выучить CSS Grid»
- «Я хочу позвонить API, используя React»
- «Я хочу научиться писать тесты в Python»
Бонусный наконечник – не забудьте поставить все на свой собственный репозиторий GitHUB и укажите цель в описании ( Вы должны поставить проекты на ваше резюме/резюме, а также !). Это покажет работодателям, которые вы увлечены обучением, и также будет хорошая мотивация для себя, когда вы оглядываетесь на старые проекты!
Пример проектов, чтобы попробовать
Вот несколько примерных проектов, чтобы получить ваш творческий поток.
(Быстрая примечание. Я буду создавать эти проекты, наряду с статьями о том, как я делал каждый, как/почему я сделал решения, которые я сделал, и мой общий мыслительный процесс. Так же, как и законченный код, конечно. Подписаться на мой блог Чтобы обновить, когда эти статьи доступны!)
Калькулятор веб-приложения
Создайте калькулятор, который позволяет пользователю выполнять основные операции: добавить, вычесть, умножить и разделить. Когда у вас так далеко, вы можете построить его:
- Добавить больше научных расчетов (модуль и т. Д.)
- Улучшить пользовательский интерфейс (HINT: CSS Grid будет здесь вашим другом)
- Создание функциональности «Отменить» (Подсказка: Учебное пособие на реагирование имеет хороший пример этого)
Dashboard Github
Используйте Github API создать свою собственную панель инструментов. Эта приборная панель может быть все, что вы хотите. Возможная отправная точка будет отображать информацию о вашей учетной записи GitHub.
- Всего совершает за последние месяц
- Общее количество репозиториев
- Отображает ваш самый используемый/любимый язык
Подсказка: хотя это проект на стороне клиента, вам придется взаимодействовать с API. Использовать Почтальон Или похоже на почувствовать, как работает API, как пройти аутентичные запросы и такие вещи.
Приложение викторина
Создайте приложение Quiz, которое случайным образом отображает вопрос с нескольким выбором ответов на пользователя. Если пользователь получает ответ правильный, отобразите «ура!» Сообщение, обновите свой балл, вы получаете идею. Мне нравится это приложение, так как возможности бесконечны, когда речь идет о его расширении:
- Добавить категории
- Добавить высокие оценки
- Добавьте обратный отсчет
- Разрешить нескольким игрокам (подсказку: вы можете пойти на самом деле Advanced и использовать Socket.io Чтобы разрешить онлайн-игру!)
Подсказка: не забудьте не идти за борт в начале! Установите свою цель Для первоначального проекта и доберитесь до этого момента. Тогда посмотрите, хотите ли вы добавить больше вещей или перемещаться на что-то еще.
Приложение в реальном времени
Использовать что-то вроде Открытая карта погоды Чтобы создать приложение, которое отображает последнюю погоду для определенного местоположения в в реальном времени
Подсказка: постарайтесь не откладывать термин в режиме реального времени. На самом простом уровне это может быть написание некоторой логики, которая вызывает API каждые 5 секунд и отображает данные.
Мы все знаем, как работают корзины, но вы можете построить один? Показать список продуктов пользователю, и позвольте им добавить его в свою корзину. В качестве отправной точки вы можете создать функциональность, которые:
- Давайте пользователю добавим элемент на странице продукта в свою корзину
- Показывает предметы в тележке
- Шоу общая стоимость предметов в корзине
Подсказка – вы можете просто жесткокоровать продукты, которые появляются на странице продукта в качестве первого шага, чтобы идти.
Больше проектов!
Если вы хотите получить свои руки на более проектах, ознакомьтесь с этим Github Repo Отказ Есть проекты для разных уровней, которые будут держать вас на некоторое время!
Спасибо за прочтение!
Чтобы получить последние руководства, советы и курсы для младших разработчиков прямо к вашему почтовому ящику (а также некоторые эксклюзивные вещи!), Обязательно присоединитесь к списку рассылки на www.chrisblakely.dev !
Первоначально опубликовано www.chrisblakely.dev 7 апреля 2019 года.