- «Я вирішив навчитися програмуванню. Мені подобається веб, але я не знаю, з чого почати »
- основи HTML
- «Я знаю основи HTML»
- основи JavaScript
- «Я знаю основи JavaScript і HTML»
- бекенд
- «Мені потрібно вибрати між фронтенд, бекенд і фулстек-розробкою»
- «Я хочу стати фронтенд-розробником і знаю основи JavaScript, HTML і CSS»
- Глибоке вивчення HTML
- jQuery
- JS-фреймворки
- React JS
- Angular 1 і 2
- Ember JS
- «Я хочу стати бекенд-розробником»
- Java
- C #
- Python
- Ruby
- Практика
За словами Сорора, він займався написанням коду протягом 20 років. Свою інструкцію він розділив на кілька розділів виходячи з цілей навчання - для базового вивчення мов програмування і отримання поглиблених знань по окремим областям розробки.
«Я вирішив навчитися програмуванню. Мені подобається веб, але я не знаю, з чого почати »
Як і в будь-який інший дисципліни, вивчення програмування потрібно почати з основ всіх областей веб-розробки - часто це називають «full stack». «Це допоможе визначити область, в якій вам цікавіше навчатися, і дасть базові знання для старту», - пише Сорор.
основи HTML
Розробник радить почати з вивчення основ HTML. «Почавши з цього ви освоїте розробку користувальницьких інтерфейсів і взаємодія з ними. Крім того, ви відразу побачите результат роботи вашого коду », - зазначає викладач.
Сорор призводить посилання на навчальні матеріали з вивчення HTML:
«Я знаю основи HTML»
Далі Сорор радить приступити у вивчення основ JavaScript.
основи JavaScript
«JavaScript - мова інтернету, всі популярні браузери (Chrome, Firefox, Safari, IE) мають вбудовану підтримку JavaScript. Кожен сайт або веб-додаток, яким ви користуєтеся, напевно має велику кількість JavaScript-коду всередині. Крім того: мова зараз стає популярним і на інших платформах - наприклад, серверах, робочих столах і пристроях ».
Основні посилання для вивчення JavaScript:
«Я знаю основи JavaScript і HTML»
CSS
Далі Сорор пропонує перейти до вивчення CSS для настройки зовнішнього вигляду HTML-елементів. Для цього можна скористатися безкоштовним підручником від Mozilla для навчання основам і сайтом CSS-Tricks для вирішення основних проблем.
бекенд
«До цього моменти ви отримали знання для так званої" фронтенд-розробки ". Тепер можна переключитися на "бекенд". Це код, які працює на сервері », - пише Сорор. - Існує безліч бекенд-мов, але так як ви вже знайомі з JavaScript, я рекомендую вивчити Node JS (програмна платформа - прим. Ред.). На додаток до Node JS можна вивчити Express і Mongo DB ».
Express - бібліотека, яка дозволяє полегшити взаємодію Node JS з веб-сервером. Mongo DB - база даних для зберігання і отримання інформації.
Безкоштовні ресурси для вивчення Node JS, Express і Mongo DB.
«Мені потрібно вибрати між фронтенд, бекенд і фулстек-розробкою»
Після вивчення Node JS Сорор пропонує визначитися зі спеціалізацією в розробці: одна частина пов'язана з взаємодією з користувачем, друга - з взаємодією з даними. Для того, щоб стати фулстек-розробником, необхідно вивчити обидві частини: фронтенд і бекенд.
«Я хочу стати фронтенд-розробником і знаю основи JavaScript, HTML і CSS»
Крім знань JavaScript, HTML і CSS фронтенд-розробник повинен розбиратися в декількох найбільш важливих фреймворками.
Глибоке вивчення HTML
Глибоке вивчення клієнтського JavaScript
Для більш детального вивчення мови JavaScript Сорор рекомендує серію книг «Ви не знаєте JavaScript» Кайла Сімпсона. Автор опублікував всю серію для безкоштовного читання онлайн:
- « Up & Going ».
- « Scope & Closures ».
- « this & Object Prototypes ».
- « Types & Grammar ».
- « Async & Performance ».
- « ES6 & Beyond ».
Також розробник рекомендує книгу MDN JavaScript Reference .
jQuery
jQuery - найпопулярніша JavaScript-бібліотека всіх часів. Сорор рекомендує вивчати її за допомогою курсу на FreeCodeCamp . Далі можна перейти до офіційного керівництву jQuery.
Також у вивченні знадобиться API-документація jQuery.
JS-фреймворки
Фреймворки дозволяють спростити роботу з мовою розробки і вирішувати великі проблеми використовуючи готову технологію. На ринку існує величезна кількість фреймворків через надмірну популярності JavaScript, пише Сорор.
React JS
React був розроблений Facebook і працює з архітектурою Flux . Це JavaScript-бібліотека для створення інтерфейсів. Нещодавно React обійшов за популярністю іншу поширену бібліотеку Angular, тому краще почати вивчення фреймворків саме з нього, зазначає Сорор. Безкоштовний курс для вивчення React.
Angular 1 і 2
Angular - розробка Google. Фреймворк як і раніше популярний серед розробників. Після анонса Angular Google вирішив повністю переписати фреймворк і запустив Angular 2, тому вийшло дві абсолютно різних розробки з однаковою назвою.
Фреймворк Angular 1 можна вивчити безкоштовно на Code School . Познайомитися з Angular 2 можна за допомогою безкоштовних відео .
Ember JS
Фреймворк не такий потужний, як розробки Google і Facebook, однак він набирає популярність серед розробників. Офіційна документація Ember JS.
Далі Сорор радить перейти до вивчення CSS-фреймворків - таких як Bootstrap і Material:
«Я хочу стати бекенд-розробником»
«У бекенд-розробці існує безліч мов, у кожного є свої мінуси і плюси», - пише викладач. Він також наводить графік їх популярності за останні 10 років:
Мови програмування, позначені зеленою рамкою, - ті, на яких стоїть сфокусувати свою увагу, вважає Сорор.
Java
Дуже популярна мова програмування, розроблений компанією Sun Microsystems (зараз належить Oracle). Java використовується для розробки додатків для Android. Його також можна використовувати для створення комп'ютерних і веб-додатків.
Так як це популярна мова серед розробників, в мережі можна знайти велику кількість інструкцій до нього. Сорор рекомендує почати з курсу для початківців.
C #
Мова розроблений компанією Microsoft як альтернатива Java. Як і Java, C # є об'єктно-орієнтованою мовою програмування і може використовуватися не тільки для розробки веб-додатків, але і програм для настільних операційних систем. Безкоштовний курс по вивченню C # від Microsoft Virtual Academy.
Python
За Python немає ніякого великого бренду. Однак ця мова дозволяє вести швидку розробку. сайт з безкоштовними уроками для вивчення Python.
Ruby
Серед розробників є багато шанувальників Ruby - вони активно рекламують і захоплюються цією мовою, пише Сорор. Однак його популярність зростає повільними темпами. По суті мова є сумішшю функціонального і імперативного програмування.
Найкраще місце для вивчення Ruby - RubyMonk , Вважає розробник.
Практика
Перед виконанням практичних завдань Сорор рекомендує відразу створити профіль на сайті GitHub - онлайн-репозиторії для зберігання, управління і публікації коду. Знайомство з платформою можна почати з інструкції "Hello World" або інтерактивного курсу .
Розпочати розробку можна зі створення власного блогу ( інструкція для програмування блогу на React і Node) або календаря ( інструкція для програмування календаря на C # і .Net).
Безкоштовні уроки можна знайти і на Free Code Camp :