Материалы для изучения: Веб-разработка с нуля.

Web development from scratch

Web development from scratch

Front-end

Layout

Familiarity with layout

This level is designed for people who never made up and have no idea about coding, HTML and CSS.

Courses
  1. Introduction to the Internet
  2. The basics of HTML
  3. Content in HTML
  4. Forms in HTML
  5. Basic CSS
  6. Text in CSS
  7. Block model in CSS
  8. Positioning in CSS
  9. Lessons on HTML and CSS
Reference
  1. CSS selectors
  2. Dimensions
  3. Color
  4. Angles
  5. Media queries
  6. Filters
Screencasts
  1. The basics of HTML

The basic layout

This level is designed for people who have a basic understanding of layout, CSS and HTML.

Courses
  1. Dive into HTML5
  2. How to write in HTML5 and CSS3
  3. HTML5 and CSS3 examples
  4. The magic of CSS
  5. Advanced CSS
  6. Advanced lessons on HTML and CSS
Article
  1. Adaptive layout
  2. Retina
  3. Email letters
Reference
  1. Reference CSS
  2. Reference HTML

Modern technology layout

This level is designed for people who have ideas about the layout and willing to learn new technologies and approaches to coding.

Courses
  1. Font Awesome
  2. Browser Rendering Optimization
Documentation
  1. Fundamentals of BEM
Article
  1. Adaptive layout email letters (part 1)
  2. Adaptive layout email letters (part 2)
  3. Ways of organizing CSS code
Screencasts
  1. CSS: Flexbox
  2. Write BEM correctly
Reference
  1. Rendering CSS

Add-on HTML and CSS

Matatiki is a add-on to HTML CSS.

Courses
  1. The Basics Of Sass
  2. Sass
  3. Less
Documentation
  1. SassScript
  2. Jade
  3. Stylus

Automation development

Данный уровень предназначен для людей, имеющих глубокие представления о верстке и желающих изучить способы оптимизации и автоматизации своей работы. Для дальнейшего изучения понадобится знание так же JavaScript и NodeJs

Courses
  1. Getting started with Grunt
  2. Build with Gulp
  3. Automation with Gulp
  4. Bower, Gulp and Yeoman
  5. Node, Express and libsass: project from scratch
Screencasts
  1. Screencast by Gulp
  2. Screencast for Webpack

Frameworks for layout

Ready frameworks for the layout layout.

Courses
  1. Bootstrap
Documentation
  1. Bootstrap
  2. Foundation
  3. Skeleton

JavaScript

JavaScript

Courses
  1. Familiarity with JavaScript
Tutorial
  1. Introduction
  2. The Basics Of The JavaScript
  3. The quality of the code
  4. Data structures
  5. Circuit scope
  6. Object methods and the calling context
  7. Some other possibilities
  8. OOP in a functional style
  9. The PLO in prototype style
  10. Modern possibilities of ES-2015
Screencasts
  1. The basics of ES6
  2. Javascript Tutorial For Beginners
  3. Javascript Fundamentals
  4. Modular Javascript

Document, events, interfaces

Tutorial
  1. The document and page objects
  2. The basics of working with events
  3. Events in detail
  4. Forms, controls,
  5. Creation of graphical components

Additionally

Courses
  1. A deep dive into Canvas
Tutorial
  1. Web components: a look into the future
  2. AJAX and COMET
  3. Animation
  4. Optimization
  5. Windows and Frames
  6. CSS for the JavaScript developer
  7. Chest with tools
  8. Regular expressions
  9. About everything

Node.JS

Courses
  1. Create your first app with Node
Screencasts
  1. Screencast on Node.JS
  2. Node.js Tutorials
Documentation
  1. Node.JS

jQuery

Courses
  1. The basics of jQuery
Screencasts
  1. jQuery Tutorial for Beginners
Documentation
  1. jQuery API

AngularJS

Courses
  1. AngularJS. Recipes programming
Screencasts
  1. The Basics Of Angular 2
  2. MEAN Stack Tutorials (MongoDB, Express, Angular, NodeJs)

React

Screencasts
  1. React JS Tutorials
  2. Redux Tutorials

Back-end

PHP

The language reference

Documentation
  1. The basics of the syntax
  2. Types
  3. Variables
  4. Constants
  5. Expressions
  6. Operators
  7. Control structures
  8. Function
  9. Classes and objects
  10. Namespace

Additionally

Documentation
  1. Errors
  2. Exceptions
  3. Generators
  4. Links. Clarification
  5. Predefined variables
  6. Predefined exceptions
  7. Built-in interfaces and classes
  8. Context options and parameters
  9. Supported protocols and wrappers)
  10. Security
  11. Distinctive features
  12. Feature reference
  13. - PHP: the hacker's Manual

Additionally

The version control system

Git

Tutorial
  1. Introduction
  2. Git Basics
  3. Branching in Git
  4. Git on the server
  5. Distributed Git
  6. Git Tools
  7. Configure Git
  8. Git and other version control system
  9. Git inside