How to draw up adaptive from scratch?

I'm new to coding, took place only a basic intensive course in hypertext markup language of the Academy, where they made the layout fixed width on 1200пх, after completion of the course sent him to a couple of studios, layout put here if I knew how. The town is small (400K), studios on the fingers. Answered only one, got rid of the layout you want to mark up adaptable, but I'm talking about adaptiv don't know anything at all, it takes place only at the advanced intensive. Watched the same articles on habré, there are only hints or scraps. Tell me, what and where to read to the shelves from and to, and generally tell me what to do in such a situation, and that I was upset. Of course it was reckless to think that after the basic workshop I will grab, but I once wrote that the claim only to the position of Junior, and then keep what you do not know and do as you wish.
July 2nd 19 at 13:26
12 answers
July 2nd 19 at 13:28
Solution
Since people are still reading this answer, and the time passed a lot, I consider it necessary to change it.
The response will contain information for those who prefer self-study.

0) https://www.memrise.com/login/?next=/home/ + https://www.memrise.com/course/332202/12527/
www.bbc.co.uk/learningenglish
https://www.ted.com/

Learn English. The international language. 90% of the information on this language! Without it in any way.
Not play a few rounds of HS/dot. Look at one episode of the current series less, or see it in English with subtitles! Just 30 minutes a day will provide you with a comfortable future!

1) klava.org/#eng_basic
15 minutes a day. That's all you need for competing in touch typing.

2) https://webref.ru/ref
Teach all. As taught poems in school. Yes, it will hurt, but then it will pay off handsomely.
Tip: get a notebook and rewrite all tags/properties. Do not put yourself to the task: "to learn everything in a month". Set the task: "to learn three tag/three properties in a day." So your brain will get satisfaction from the process.

3) https://flexbox.io/
https://cssgrid.io/ Great course on a relatively new technology. With the support of Mozilla
Go to the courses only after the second paragraph.
Courses in English. If you do not understand, nothing terrible. Just repeat after the author. Complete courses to the end. Video of the day. It does not take much time.

4) https://drive.google.com/open?id=1uD0VkRXS3wUlw3oP...
Overstate any three of the layout.
- don't use flexbox/cssgrid
- using flexbox
- using cssgrid
Make them fully adaptive/responsive.

In General, everything. You then will not be easy to impose anything. Don'T NEED any paid courses for this.

As for further development, it is a separate issue. Good luck, I believe in you! =)

Old answer
spoiler
@dyfran: it took me 4 months to learn from scratch to the level appropriate for the device to work. However, I for 12 hours worked every day, was in the sum of the output 5 during this time. Studied html, css, sass, js, gulp, bower, git. Started also with html academy, but there he's all gone 2 times. Here are the courses I took during these 4 months:

1) Html academy
2) https://www.coursera.org/learn/html-css-javascript...
3) https://www.coursera.org/learn/html-css-javascript
4) https://www.coursera.org/learn/website-coding
5) https://learn.javascript.ru/
6) After completing the first five, dig in the direction of the stylus/sass, bourbon, webpack/gulp, git.

To take a break from courses, subscribe to the newsletter from htmlacademy and verstaile layouts that they send.

A few musthave reference
1) https://developer.mozilla.org/en-US/docs/Learn/Jav...
2) https://webref.ru/ref
3) caniuse.com
4) stackoverflow.com
5) https://codepen.io/
6) https://www.youtube.com/channel/UC7enHM_oJRYJOnyJr... channel with useful information

To make an emphasis on these things and do not spray anything else.

Good luck.
very bold. Thank you) - bethany11 commented on July 2nd 19 at 13:31
I came with an army and 0 for a month, learned and took the first order for freelancing. The main thing is not to learn, and to do it immediately. I helped the lessons of soraks, I stupidly watched it and then he did everything 1 to 1 he did. - Willie.Bruen71 commented on July 2nd 19 at 13:34
: not too old its lessons now to learn? - bethany11 commented on July 2nd 19 at 13:37
: no, despite the advent of ES6 framework Laggards the same - Jacey.Langwor commented on July 2nd 19 at 13:40
Yes, and while ES5 has not disappeared - Missouri.Colli commented on July 2nd 19 at 13:43
July 2nd 19 at 13:30
your question - how to work as a programmer without knowledge of the language programmirovaniya?

before beginning any work in any company or as a freelancer - need to know the basics of web programming including css and need to know adaptiv

I think you need at least a year of study-practice before trying to get his
year(
then you have to sit while on the job, with a dream ever then get - bethany11 commented on July 2nd 19 at 13:33
: Well, what do you want? Everyone goes through some difficulties. Not one successful pipeline does not happen so that like that have made it. He walked through the thorns and difficulties, before climbing the heights. - Willie.Bruen71 commented on July 2nd 19 at 13:36
: it's like any other profession in vocational schools or Univer - have 3-5 years of acebo practice to the brain reconstructed

I think we need to focus on the whole frontend and/or backend

the layout is not promising - bethany11 commented on July 2nd 19 at 13:39
what about hope for the best) - Jacey.Langwor commented on July 2nd 19 at 13:42
: I am guided, I just started with layout, and so the plans to leave in the js - Missouri.Colli commented on July 2nd 19 at 13:45
: I think it is better to do the opposite - first js, then css html
the point is that you can do without writing code in html css
css html is a declarative(descriptive) programming - it is possible for a day to learn
a "real" programming is roughly speaking - mandatory structural OOP
js also can quickly learn, a week or a month but it takes years of painful practice velosipedisty to the brain to pump and rebuild

to know the language of js is how to know the alphabet and syntax of human speech
programming is like writing novels or poetry - bethany11 commented on July 2nd 19 at 13:48
: better is understandable, but to work in js I can do is still very long, and the layout in principle it is already possible to start now. - bartholome52 commented on July 2nd 19 at 13:51
July 2nd 19 at 13:32
You need to try get settled in, but after 3-5 layouts minimum(basic knowledge of css and html. Js(jquery) is a plus). You need to understand that you can give the employer(Even if the internship he will spend time with you).
The layout that was given, try to bootstrap
See vacancies and requirements in your city and focus on them.
Good books, lessons and blogs many times advised in other questions
In no case do not start with bootstrap. This will only slow down professional development! - bethany11 commented on July 2nd 19 at 13:35
Girl the frontend developer?Married) - Willie.Bruen71 commented on July 2nd 19 at 13:38
July 2nd 19 at 13:34
For adaptive use media queries.
https://habrahabr.ru/company/google/blog/173861/
What is needed for tablet media query?
There, it's simple if you do not understand, look a couple of lessons on YouTube. Immediately understand.

paranoida.github.com/sass-mediaqueries - mixins for SASS
to know more what is hagfish ) - bethany11 commented on July 2nd 19 at 13:37
Googly what is SASS, LESS
What is Less and Sass? - Willie.Bruen71 commented on July 2nd 19 at 13:40
July 2nd 19 at 13:36
At a basic intensive you must have met with relative units. Try to repaginate in such a manner your layout using %. Immediately it will become clearer how it works rubber and adaptiv. The same bootstrap for its grid uses float:left and percentage widths of columns. So you try to. Generally it is best to practice adaptive will fit the layout of Sedona. First typeset so that the site was rubber, then adaptive. Try to repaginate in such a manner flotow, and inline-block. And Yes, then advised media queries - also the basic part adaptive. And meet the notion of "the viewport" - read in Google about meta tag viewport

Pokapaysya in bootstrap, specifically in the grid bootstrap. Understanding her (which is very easy), you will understand all about adaptive. Also start learning flexbox is the future, because the frameworks, floaty and an inline units - only khaki for building grids, and flexbox was just created for this. For adaptive of course)

Just watch VIDOS, of which too much, the same way with the articles, to take courses - all this is of course useful, but also useless, because they are already too many and a lot of water in them. Independent research is more useful for your brain and for understanding.
July 2nd 19 at 13:38
Well, not the year of the programmer is possible, but coder and a couple of months will be enough I passed freestuff online courses about 2 months and pretty quickly after they got here by the way video with them https://www.youtube.com/playlist?list=PLPEdpzU3rpf... in the process of passing will be the creation of a just and adaptive website and bootstrape most important thing in the process of passing to find 1-2 of the layout and mark up
thanks, I skimmed through it kind of fit course. Viewing a must. - bethany11 commented on July 2nd 19 at 13:41
Oh, a little something thrown, that is above the advanced level with pure javascript and start here https://www.youtube.com/playlist?list=PLPEdpzU3rpf... and to him all the description above - Willie.Bruen71 commented on July 2nd 19 at 13:44
: I found this playlist too, thank you look) - bethany11 commented on July 2nd 19 at 13:47
Will not work for a year to become a programmer.
The programs will write, but the brain would not be reconstructed in the right direction.
That's when You need to count something (for example, the number of coins in your pocket) and You will start counting not from 1 but from 0, then you can assume that You have done one very small step on the path to becoming a professional programmers. A very small step, but very true! - Jacey.Langwor commented on July 2nd 19 at 13:50
July 2nd 19 at 13:40
does not work the first link - bethany11 commented on July 2nd 19 at 13:43
July 2nd 19 at 13:42
Clean layout now in your city who need a little if responded to only one Studio. Most developers are able to impose, the more often it models frameworks and CMS with a specific layout with which you certainly are not familiar with. The more you are, I understand, are not familiar with JS. Now the demand for front-end developers, and there is a zoo of technologies that Mama do not cry.
But on the other hand, if you manage to get settled, then it is a no experience. And this is very important. In General, draw your own conclusions.
in js there was one webinar, just introductory. On the layout screwed opening and closing the mold, while it is high) - bethany11 commented on July 2nd 19 at 13:45
July 2nd 19 at 13:44
You can see the course "School of design interfaces" from Yandex. For example, the School of development of interfaces – Adaptive coding in the description of the video reference. Plus in their blog on habré has discussed in detail the example from the lecture.
July 2nd 19 at 13:46
Well, if that's the case (to do the job for the layout adaptive layout), it will be enough only one bootstrap this link. There everything is thoroughly explained for those who are weak know HTML, CSS, JS. Very detailed responsive design. For the evening, a maximum of two will understand and will learn adaptive layout. But this is only enough to complete the task for further work in the Studio this is not enough.
itchief - worthy website - bethany11 commented on July 2nd 19 at 13:49
July 2nd 19 at 13:48
The town is small (400K), studios on the fingers.


We have 500 000 people.
About 30 studios.

Look better

Answered only one, got rid of the layout you want to mark up adaptable, but I'm talking about adaptiv don't know anything at all, it takes place only at the advanced intensive.


The simplest way to impose on the adaptive framework.
I doubt that they expect from you that you laid out the adaptive manually. Most likely meant for such a framework.

I recommend Zurb Foundation
You can take the more common Twitter Bootstrap.

It's all very simple and clear from the first chapters of the documentation.
July 2nd 19 at 13:50
Join issue, because the shoulders are only basic intensive Academy HTML and a desire to get at least somewhere for the experience.

In addition to the above on the Internet recommend Ethan Marcotte "Responsive web design", which describes the principles of adaptive layout.

Question to experts: whether to spend time on this work?
Be sure - bethany11 commented on July 2nd 19 at 13:53

Find more questions by tags HTMLCSSWeb Development