Часть 2.1. Веб Разработчик кратчайший путь. Вариант1.
В данной публикации приведён перевод с Английского финальной части статьи программиста.
Название статьи
"My journey to becoming a web developer from scratch without a CS degree (and what I learned from it)".
Где CS = Computer Science.
"Моё путешествие, чтобы стать Веб разработчиком с нуля без образования в Информатике (и что я усвоил из этого)".
Оригинал статьи расположен здесь
Финал статьи. Часть. 1 Собственно Кратчайший Маршрут.
The shortest route
Кратчайший маршрут
Whew, this article took a while to finish (6 hours and counting). We’re almost done! You may be wondering: “Ok, cool story, but what’s the quickest route?” And so, here it is.
/* Ох, эта статья заняла много времени до завершения (6 часов и подсчёт). Мы почти закончили! Вы может быть интересуетесь: "Ну хорошо, крутая история, но каков быстрейший путь?" Итак, вот он. */
I’ve organized this in the way that I would take it if I could go back and do things right. I also added a few bonuses, which I would have loved to have had back then. Enjoy!
/* Я организовал его в порядке, в котором я бы делал это если бы вернулся назад и делал это правильно. Я так же добавил несколько бонусов, которые мне бы понравилось получить тогда. Наслаждайтесь! (Бонусы будут приведены в Части 2.2.) */
Javascript
- CodeSchool or Treehouse’s Javascript learning path (paid) OR Codecademy’s Javascript course // CodeSchool или Treehouse'ий Javascript путь обучения (платный) или Codecademy'ий Javascript курс.
- Eloquent JavaScript // Выразительный (красноречивый) JavaScript (книга).
- You Don’t Know JS // Вы не знаете JavaScript (серия книг).
- JS: The Right Way // This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices. // JS: Правильный Путь. Это путеводитель, предназначенный представить новым разработчикам JavaScript и помочь опытным разработчикам изучить больше о его лучших практических применениях.
- Learn ES6 by Egghead.io // Учи ES6 (ECMAScript 6) от Egghead.io (яйцеголовый.io)
HTML & CSS
- CodeSchool or Treehouse’s HTML & CSS learning path(Paid) OR HTML and CSS: Design and Build Websites by John Ducket OR Codecademy’s HTML & CSS course. // CodeSchool или Treehouse’ий HTML и CSS путь обучения (платный) ИЛИ HTML и CSS: Дизайн и Конструирование Вебсайтов от John Ducket ИЛИ Codecademy’ий HTML и CSS курс.
- Specifics on CSS Specifity by CSS Tricks // Особенности CSS Specifity от CSS Tricks (где CSS Specifity -- это некая система приоритетов (рейтинга), используемая для определения того, какой конкретно стиль применять к элементу, имеющему несколько конфликтующих заданных стилей для него).
- Learn CSS Layout // Учи CSS разметку.
- SMACSS // Scalable and Modular Architecture for CSS. Масштабируемая и Модульная Архитектура для CSS.
- 9 basic principles of responsive web design by Front // 9 базовых принципов адаптивного веб дизайна.
- Responsive Web Design Fundamentals by Google on Udacity (Take if you didn’t use CodeSchool or Treehouse learning path) // Основы Адаптивного Веб Дизайна от Google на Udacity (Берите это если Вы не использовали CodeSchool или Treehouse путь обучения).
- Managing Mobile Performance Optimization by Smashing Magazine OR Browser Rendering Optimization and Website Performance Optimization by Google on Udacity // Управление Оптимизацией Производительности Мобильных (устройств) от Smashing Magazine ИЛИ Оптимизация Отрисовки Браузера и Оптимизация Производительности Вебсайта от Google наUdacity.
- Web fundamentals by Google // Веб основы от Google.
Developer Tools
Инструменты Разработчика
- Explore and Master DevTools by CodeSchool // Исследуйте и Освойте Инструменты разработчика от CodeSchool.
- Learn Git by Codecademy and Try Github by Codeschool // Выучите Git от Codecademy и Попробуйте Github от Codeschool.
- Introduction to Linux Commands by Smashing Magazine // Введение в Linux Команды от Smashing Magazine.
- Automate Your Tasks Easily with Gulp.js by Scotch.io // Автоматизируйте ваши Задачи Легко с Gulp.js от Scotch.io.
AngularJS
- Design Decisions in AngularJS by Google Developers (Intro to AngularJS) // Дизайнерские Решения в AngularJS от Google Developers (Введение в AngularJS).
- AngularJS fundamentals by Egghead.io // Основы AngularJS от Egghead.io.
- John Papa’s Angular Styleguide // John Papa’ий Angular руководство по стилю.
- Creating a Single Page Todo App with Node and Angular (MEAN) by Scotch.io // Создание Одно Страничного Приложения списка дел с Node и Angular (MEAN = Mongo, Express, Angular, Node) от Scotch.io.
- AngularJS application structure by Egghead.io (Paid) OR Scotch.io’s Angular Courses // AngularJS структура приложения от Egghead.io (Платное) ИЛИ Scotch.io’ие Angular курсы.
ReactJS
- Learning React.js: Getting Started and Concepts by Scotch.io // Изучение React.js: Начиная и Концепты от Scotch.io
- Intro to webpack by Egghead.io // Введение в webpack от Egghead.io.
- React Fundamentals by Egghead.io // Основы React от Egghead.io.
- Leveling Up with React: Redux by CSS Tricks // повышение уровня с React: Redux от CSS Tricks.
Back End
- NodeJS tutorials by NodeSchool.io // NodeJS учебники от NodeSchool.io.
- How I explained REST to my Wife // Как я объяснил REST моей Жене.
- Creating a Single Page Todo App with Node and Angular by Scotch.io (Node, ExpressJS, MongoDB, Angular, REST) // Создание Одно Страничного Приложения списка дел с Node and Angular от Scotch.io (Node, ExpressJS, MongoDB, Angular, REST).
Бонусы будут приведены в Части 2.2.
Продолжение следует
Не стесняйтесь положительных и восторженных комментариях и в оценке материала.
Программирование
Языки программирование
Обучение программированию
Веб Разработчик
HTML
CSS
JavaScript
JS
Web developer
Front End Web Developer
Entry Level Software Developer
Самообучение программированию
Бесплатные курсы программирования