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

This level is designed for people with a thorough understanding of the layout and want to explore ways optimization and automation of their work. For further study you will need knowledge of JavaScript as well and 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 handlers (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