How to get 100 thousand per code. Complete Beginner's Guide

Bookmark it now, say thank you in a year. At the end of each step are links for extracurricular reading.

1. Get to know web development

Stage duration: 1 month.

What to learn at this stage.

1. HTML structure.
2. Differences frontend and backend.
3. Markup and typography.
4. How to layout a page by layout.
5. How to put links and embed images.
6. CSS basics - rules, selectors, properties, and cascading.
7.   ,   JavaScript.

,   .   JavaScript , ,   .     .  —  ,    . ,    .

  .   —     .   ,   ,    PHP.

. ,   - (   -).

?

• -,  
•  
•  JavaScript
•  
• ,
• PHP

2.

: 2 .

,  ,   .

.   ,    — , , -   . ,     .       , , , ,  .      StackOverflow.

 .     .   ,    .

.  , ,  ,   —   .

.     ,   -,     . ,  .

   ,  .   — ,   .

?

•    
•  —  
•  —

3.    

:  .

-      ,  -   .     .

. ,      —  ,   , .  2  3 , ,      .

   — /.  ,  — .

    :

   JavaScript.  , : , , , , ,   .

:

•  DOM-
• API
• ,  

:

• HTTP: XML, JSON, JSONP, XMLHttpRequest
• REST API
• DRY

(  JavaScript):

• (LESS, SASS)
• Gulp WebPack
• Git
• Figma Photoshop
• Chrome DevTools

.    —   , ,  ,   .

,  .

.

•  . Space Invaders, Pacman -  Atari 2600.   - (  ).
• .   .
•    .   .
• -.   ,     .

.    25-45 (   )   . ,      JavaScript —    40-75 .   , ,  ,  .

4. ,  

: ,   .

. ,     . , .

    ,   .  IT    ,   .     ,  .  , - .

5. -

: 1-3 ,    .

    JavaScript — (    ).

.    — React, Angular, Vue.js, Ember.js  Meteor.  — Yii2, Laravel, Symfony, Django  Flask.

  JavaScript,   , Express.js — Node.js.

.  . ,   Vue.js React,     .   ,   .

.   -  React — , .  , ,  .       —  .

.    — React- 100 .      , .

   —   .       .

?

• .

6.  

:  .

  ,      — ,     .

.   ( ),  3     ,  .

  ,  —   - , ,   ,   . , ,    .

. , ,    ,  -   . - ,   -  .

, ,     ,    — -   .

.    —   , ,    .       ,  .

?

•    
•  
• ,

7.    

:   .

.    —   ,       ,   .    —      .

,    .       . , -    ----,     .

.    .     , ,     ,  ,       5.      — .   .

?

• 17 ,
•    
• -

8.  

: .

, .

.   .    ,    .      .  , ,   .

.  , ,  .

• HolyJS (-  )
• FrontendConf ()
• Web Standards Days (-, , , , )
• CSS-Minsk-JS ()
• Pitercss_meetup (-)
• DevConf ()
• Krasnodar Dev Conf ()
• BackendConf ()
• PHP Russia ()

  ,  ,   —  .   .

 — . , ,     ,   .

,   .  — ,    . , ,    —     .

100  .

1.  -    .
2. ( ).
3.   / -
   (   ).
4. .
5.     .
6.    .
7.   .
8.  ,      .
9. .

, , ? — ?