Мотивация и фон
Мой брат недавно разрабатывает интерес к программированию. Наука данных, искусственный интеллект, веб-разработка, …, вы знаете, все прохладные вещи. В конце концов, он построил достаточно мотивацию, чтобы начать изучать веб-разработку и спросил меня, как он может начать. Я не являюсь экспертом в веб-разработке (я больше парня науки о данных), но в качестве бывшего учителя я был заинтересован на том, чтобы собрать дружественную «учебную программу».
Он коснулся HTML, а может быть, язык программирования раньше. Но это было близко к двум десятилетиям назад, и мой брат действительно не освоил его, и он не сделал никакого программирования с тех пор. Так что я могу относиться к нему как полный новичок. Было несколько вещей, которые я должен был помнить:
- Время : Мой брат работает полный рабочий день и должен заботиться о своем ребенке. Я должен взять минималистичный подход. CS50 Harvard на EDX.ORG удивителен – они могут проводить новичков посредством оснований информатики и включают курс веб-разработки, используя Python. Но он много проходит через язык, используя язык программирования C, прежде чем они доберутся до веб-материалов. Кроме того, если вы не зарегистрируетесь, вы часто не можете следовать по тому, что они кодируют в своих лекциях, потому что они иногда используют специальные инструменты CS50. Мне пришлось смешать и соответствовать разным ресурсам, которые хорошо подходят вместе.
- Удобство : Мой брат стремится учиться между его занятой работой/жизнью. Я хочу, чтобы это было на основе браузера как можно дольше. Установка инструментов и настройки среды может быть сложно для начинающих, и его рабочий компьютер работает Windows, пока его домашний компьютер работает Mac. Для начинающих лучше начать работу по коду сразу, так как пытаться беспорядок с инструментами можно пугать и внекладывать.
- Педагогика : Я не хочу звучать слишком сильно, как бывший учитель, но есть прогрессии, которые имеют больше смысла с точки зрения обучения. Менее сложные идеи должны быть введены первыми, прежде чем введены более сложные идеи. Звучит очевидно, но некоторые курсы сосредоточены на готовности к работе, и поэтому пытаются добраться до самых популярных инструментов как можно скорее. Например, из интерфейсных технологий SPA SVELTE представляет собой самый простой выбор для начала, но большинство курсов предлагают реагировать.
- Документация : Есть много, что можно сказать о изучении видео и обучения от чтения. Я не буду вдаваться в это здесь, но достаточно сказать, что в какой-то момент все разработчики должны учиться, как прочитать документацию. Но не вся документация создана в равной степени. Следуя документам для Fastapi гораздо проще, чем следовать в колбе, хотя есть гораздо больше учебных пособий по поводу колбы. Выбор, который я представлял, нужно было подумать, насколько ясно было объяснено через смесь видео и документов.
- Язык : Очевидные потребности являются HTML, CSS, JavaScript и SQL. Что, по теории, должно быть достаточно, с Node.js и Express.js в значительной степени покрывают бэкэндскую часть веб-разработки. Но мой брат изначально был и все еще есть, заинтересованы в науке о данных. Поэтому я подумал, что Python будет хорошим, чтобы начать привыкать.
О, и я хотел собрать совершенно бесплатные ресурсы.
Результатом всех этих соображений была учебная программа, которую я назвал «Web dev for Brom». Если вы находитесь в аналогичной ситуации, начать работу в Интернете без какого-либо опыта программирования, и у вас нет много времени, вы можете найти это полезно. Вот:
1.1 HTML/CSS
Просто делайте основные учебники. Не нужно делать все их.
HTML Учебник
Учебник CSS
1.2 JavaScript
Просто делайте основные учебники. Не нужно делать все их.
Учебник JavaScript
1.3 Python
Просто делайте основные учебники. Не нужно делать все их.
Учебник Python
1.4 SQL
Просто до базовых учебных пособий и учебникам базы данных SQL.
SQL Учебник
2.1 концепции
Нужно только посмотреть. Не нужно следовать. Просто попробуйте привыкнуть к понятиям в этот момент.
CS50 2019 – веб-трек – YouTube
2.2 Инструменты и настройки
Эти учебные пособия больше о необходимых инструментах, чтобы быть разработчиком JavaScript и Python. Следуйте вместе с установкой и ознакомьтесь с инструментами. Вам не нужно полностью комфортно с этими инструментами Отказ Просто установка этих инструментов достаточно на данный момент. Все последующие курсы предоставит некоторые рекомендации о том, как использовать эти инструменты.
VS код
Visual Studio Code Intro & Setup
JavaScript и NPM
НПМ Crash Course
Python и Pipenv.
Есть много способов управления окружающей средой для проектов Python. Пипенв должен быть «лучшим», но некоторые из учебников, позже, будут использовать Virtualenv. Оба в порядке, и эти учебники покажут вам, как использовать VirtualenV. В ваших собственных проектах, попробуйте использовать Pipenv.
ПУТИ ПИПЕНВ КУРС
Git/Github
Курс Git & Github Carm для начинающих
Sqlite и postgresql.
Есть много баз данных. Некоторые из самых популярных являются PostgreSQL, MySQL и MongoDB. Для большинства случаев PostgreSQL является лучшим вариантом. Все эти базы данных требуют базы данных «Сервер». Это может быть громоздким, поэтому разработчики часто используют SQLite во время разработки, а затем переключиться на PostgreSQL во время производства. Так что хорошо знать немного обоих. Язык SQL в основном одинаково, так что нет ничего «нового», чтобы учиться на том, что было покрыто в W3School, но вот некоторые учебные пособия о том, как работать с SQLite и PostgreSQL.
SQLite 3 Учебник Python
PostgreSQL – Установка и обзор
2.3 практика
Следуйте вместе с этим вводным руководством. Там будет понятие, которая не была введена до того, как ORM, которая будет использовать инструмент под названием SQLALCHEMY. Не волнуйтесь, просто следуйте как введение введение. Это будет охвачено в будущем.
Учить колбу для Python – полный учебник
🍎 К этому моменту вы должны иметь основное представление о том, как сделать небольшие и простые веб-приложения.
3.1 концепции
Вещи собираются получить более продвинутые отсюда. Смотрите следующие лекции видео. Нет необходимости следовать, но вам может потребоваться пересмотреть несколько лекций пару раз, чтобы действительно поглотить концепции.
Веб-программирование CS50 с Python и JavaScript – YouTube
3.2 Практика
Следуйте по следующим руководствам, чтобы получить некоторую практику разработки Backend и Frontend. Некоторые из этих учебных пособий могут быть похожими, но оно того стоит делать все для практики. Каждое руководство имеет немного другой фокус, поэтому стоит пройти через их все. Обратите внимание, что вы будете двигаться дальше, чтобы разделить интерфейс от бэкэнда. Backend предоставляет API, а интерфейс потребляет API.
Отдохнуть
Следуйте вместе с этим руководством для создания полного веб-приложения, используя колбу.
Учебное пособие на рыба Python для начинающих – полный курс за 3 часа (2020)
Хотя можно создавать полные приложения, используя колбу и его шаблоны, современные приложения часто разделяют бэкэнду из интерфейса. Это означает, что колба будет использоваться только для обеспечения API, которую может использовать преступную часть приложения.
Один инструмент, который может помочь вам проверить эти API, поскольку вы создаете бэкэнда, прежде чем построить интерфейс, называется почтальоном. Как и в случае с другими видеороликами, вам еще не нужно все помнить, но установите почтальон и ознакомиться с собой.
Почтальон API Crash Course для начинающих [2020] – Узнайте почтальон за 1 час
Теперь следуйте вместе с этим руководством для создания API.
Остальное API с колбой и SQLALCHEMY
Внешний интерфейс
Есть много Frontend Frameworks, один из самых простых для начала – SVELTE. Следуйте вместе с этим руководством, чтобы почувствовать это.
SVELTE 3 – Учебное пособие на QuickStart (начинается с Svelte.js)
Вы будете чувствовать, что вам нужно вернуться и пересмотреть JavaScript. Это совершенно нормально, и нет вреда возвращаться к основам, как вам нужно. Но просто чтобы показать, насколько удивительно простая SVELTE будет после того, как вы получите его, вот 3-минутный учебник, который показывает, как создать приложение TODO в 15 строках кода.
Intro в Svelte – Todo App за 3 минуты и 15 строк кода
И вот более длинный, который вы можете следовать, чтобы построить приложение, чтобы сделать приложение с немного сложностью. Кроме того, к концу этого учебника есть введение в то, как подключить такие приложения Frontend к Backend API.
Svelte V3 – Основы – приложение Todo
🔥 К этому моменту вы должны иметь довольно хорошее представление о том, как сделать простые веб-приложения.
Вы уже готовы начать строительство веб-приложений хобби. Чтобы стать лучше, вам нужно стать довольно хорошим, по крайней мере, по крайней мере с одной рамкой Frontend (вы встречали SVELTE) и по крайней мере одна базовая структура (вы встречали колбу и Django). Кроме того, вам нужно будет комфортно с развертыванием веб-приложений онлайн (например, Heroku). В основе всего этого это хорошо в Python и JavaScript.
4.1 Узнать Frontend “Framework”
Много вариантов здесь:
- SVELTE
- Вариант
- Угловой
- Реагировать
Выберите один и освоить это. SVELTE самый элегантный и проще всего учиться. Это также лучшее введение в Frontend Technologies. Официальная документация имеет отличный учебник.
SVELTE
Чтобы получить работу в разработке Frontend, вам нужно знать популярные инструменты. Следующее, что я бы узнал, будет Vue Отказ Это необязательно, и я бы попробовал сначала несколько веб-приложений, используя svelte.
4.2 Узнайте Backend “Framework”
Много вариантов здесь тоже:
- Колбы
- Django
- Fastapi.
- выражать
Как и с корпусом Frontend, выберите один и освоить его. Fastapi является самым современным Python Framework. Официальная документация имеет отличный учебник. На самом деле, Fastapi имеет лучший официальный учебник, который охватывает много концепций, включая такие вещи, как безопасность. Тем не менее, у него нет много видеоурок на YouTube или где-либо еще. Рамочная конструкция очень похожа на колбе, поэтому знания должны быть переданы.
Fastapi.
В мире Python самые популярные рамки являются Колбу и Django . Но рынок развития бэкэндов фрагментирован в Python, JavaScript, Ruby, PHP, Java Scala, Go, Rust и многое другое языки. Я бы придерживался Python и JavaScript. Для JavaScript, Экспресс является самым популярным бэкэндом. Следующее, что я бы узнал, это выражать . Опять же, это необязательно, и я бы попытался сделать несколько веб-приложений, используя Fastapi сначала.
4.3 Выясните, как развернуть веб-приложения
Здесь много вариантов и все время постоянно меняется. Некоторые отправные точки:
- Докер
- Heroku
- Firebase
Действительно, эти вещи великолепны. Серьезно отлично. Там должно быть много учебных пособий о том, как использовать эти инструменты. Некоторые каналы YouTube ниже будут иметь много учебных пособий по этим.
😎 К этому моменту вы хорошо, чтобы пойти, братан. Вы получили это.
YouTube
- Обход носитель
- Академин
- Чистая ниндзя
- Охват
- Довольно напечатано
- Код капельницы
- Web Dev упрощенный
- Tech с Тим
- Кори Шафер
- Svelte Master.
Udemy
Они делают огромные скидки довольно часто. Поэтому, когда есть скидка, купите несколько курсов, в которых вы заинтересованы. Svelte, Vue, Flask, Express, Heroku, Docker, Firebase, аутентификация, платеж и т. Д.
Оригинал: “https://dev.to/minchulkim87/learn-web-development-for-free-56of”