What books to read to learn CSS3/HTML5/JS from scratch?

Question

css

Hello. Recommend relevant books for learning CSS3/HTML5 from scratch (preferably consistently).
Or can I go to htmlacademy and take their intensives on the site?

And also for JavaScript.

Thank you!

Answer 1

I want to note that the features of earlier versions of HTML4 and CSS2 were included in versions of HTML5 and CSS3. Although there are some changes, book authors usually mention it.
At the first four stages of learning, you need to do the same as the author (installing a text editor, writing tags, styles, etc.) and you shouldn’t worry about something more complicated.
My learning algorithm is in the following order:
1) Read Matthew McDonald's book "Web Development. Comprehensive Guide" 4th edition . From this book, you can get a general idea about HTML, CSS, JavaScript and other interesting things like publishing / promoting / monetizing a site, attracting visitors and blogging.
2) View the free HTML4 and CSS2 courses by Evgeny Popov (the courses are almost 10 years old, but they are still relevant, because everything that is covered in them is used in practice):
- HTML
course - CSS course
3) Now you can move on to more detailed considering HTML5 and CSS3. And I recommend starting with CSS3, since most of the features of HTML5 are biased towards JavaScript. At this point, I recommend David McFarland's The New Big Book of CSS. On the net you can find a book called "The Big Book of CSS" from the same author, but this is the previous edition, you need exactly the one that comes with the postscript "New". In addition to the basic features of CSS, the book will introduce you to responsive layout and the Sass/SCSS preprocessor.
- using float + margin
- more modern - Flexbox CSS
- modular layout, using Skeleton grid as an example (although the methods of layout using Bootstrap grid and CSS Grid are not considered in the book, the principle of their work is the same)
4) Now you can move on to HTML5. I recommend the following books for reading:
- Matthew McDonald "HTML5. The Missing Guide"
- Schmitt, Simpson "HTML5. Programming Recipes"
These books will introduce not only changes in the syntax and semantics of HTML5, but new features:
- forms 2.0
- addition HTML5 audio/video
- working with canvas
- geolocation
- adding microdata to markup
- using ARIA
- local storage (sessionStorage)
- standalone applications (appcache)
- Web sockets (WebSocket)
- etc
5) Now we have a general idea of ​​tags, styles, text editors, how it works and is interconnected, which and what not to do. It's time to start practicing. You need to make at least 2-3 pages from ready-made layouts. Now, in order, what you need to do:
a) Install a text editor and customize it for yourself (Notepad ++, Sublime Text, Atom, Brackets, etc.). At the first stages, Notepad ++ is suitable, in the future it is worth switching to something more functional. I also recommend installing the Emmet plugin for Notepad++ and see how it works.
b) Install the main browsers to test the layout (from IE to the beginning you don’t have to bother)
c) Install a graphics editor to open ready-made layouts (Photoshop, Figma, Avocode, Sketch). At first, use Photoshop.
d) At first, make a simple blank for layout (folder structure where image styles, scripts and one index.html file will be placed). In the future, you should pay attention to HTML5 Boilerplate , but then to Gulp and Webpack
e) Download ready-made free psd layouts
d) Lay out layouts in three different ways:
- float + margin
- flexbox
- bootstrap or CSS Grid
f) Well, now we find a fresh video tutorial on Youtube, where the author typesets in one way or another, watch and repeat. Use the sites as reference books:
- htmlbook.ru
- webref.ru
- caniuse.com
6) In the future, as you gain experience, you will always want to simplify the task or make the layout process comfortable, in this case you need to look away:
- gulp, webpack
- Development IDEs, eg WebStorm
- HTML preprocessors (HAML, Pug), CSS preprocessors (Sass, Less, Stylus)
- git
- CSS class naming
- testing environments
- etc.
7) Moving on to JavaScript. Of course, there are many books, but I will highlight the following.
Beginner Books:
- David McFarland "JavaScript and jQuery. A Comprehensive Guide"
- Eric Freeman, Elizabeth Robson "Learning JavaScript Programming"
Advanced Books:
- Online Tutorial , updated this year
- David Flanagan "JavaScript. A Definitive Guide" -
Haverbeke Marein "Expressive JavaScript. Modern Web Programming"
8) Let's move on to practice, as is the case with HTML and CSS. As an option, you can add dynamism to the laid-out pages. Write a simple game, eg snake. Or find a site with puzzles, not necessarily in JavaScript. Alternatively, you can use the CodeWars website
9) As in the case of HTML and CSS, as you gain experience, you will always want to simplify the task or make the layout / development process comfortable, in this case you need to look aside:
- libraries (jquery, backbone.js, etc.)
- frameworks (React, Vue, Angular)
- Coffeescript, TypeScript
- testing tools (ex: Mocha JS)
- documentation tools (ex: JSDoc)
- code review tools (ex: JSLint)
- etc.

Answer 2

What are some beginner web development books?

Answer 3

I personally love this tutorial. There are also tasks to practice: code.mu