What are the tools for a beginner coder?

Question

css

Good afternoon! I started studying layout, more or less learned html+css.
Decided to start with a business card site. I read that the easiest way to make such sites is with cms (stopped at wordpress). However, the use of cms seemed to me not a very good choice: many themes contain excessive functionality for a business card site and often there is no fine-tuning of the theme through the control menu.
So, for example, to remove the second menu in the site header and replace the banner with text, it was necessary to get into header.php. And the whole code looks at first glance rather redundant and heavy.
Actually, the question is, what tools are better to use for layout without a CMS for a beginner?
Templates/frameworks/etc?

Answer 1

- A good code editor or IDE
- Web server
- Browser extensions (at least a ruler)
- Photoshop
- FTP client (if it is not in the editor / IDE)
- A good graphic file viewer
It is also desirable to have:
- A wide and high monitor (and better 2)

Answer 2

If you only learn to typeset, you don't need all sorts of server stuff, such as CMS, FTP clients.
There are three main tools for a coder:
- IDE - what you will be typing in - I recommend PhpStorm - if I had shown it when I started, I would have avoided many mistakes. Closes tags, shows html, css, js errors? autocompletion works for this.
- Photoshop - cut and optimize pictures
- Browsers (all in which you want to test the site)
Create a project and files directly on your local computer. Open HTML pages with browsers and go :)

Answer 3

But I'll be original and advise you to go gradually. First notepad, then Notepad++ + Emmet, then IDE (Ideal for layout - WebStorm), then templating engines - Jade for HTML, Sass, Less, Stylus for CSS, and build systems - Grunt, Gulp, Yeoman, etc.
But first, the basics - pure HTML, pure CSS, pure Javascript.

Answer 4

Hello!
If you want to abandon cms and switch to self-writing, you need
to have the following programs on hand.
Programs:
1. Code editor (it should be fast, convenient, simple, in order to
use it quickly without wasting time) - my choice is Sublime Text 2 2.
Editor with a graphical interface where you can edit the design,
not in code and directly on the page, like Dreamweaver. (optional)
3.etc program number 1, often you need to choose colors for your site,
there is such a situation when you see a beautiful color in the browser, you want to visit the
site the same, in order to find out # or rgb need a program, my
choice is Color Mania 3
4.etc program number 2, sometimes you see a site with some kind of header (px, pixels).
there are programs that will help determine how many px headers, etc. (like a web line)
5.etc program number 3, you see a beautiful site on the net, you understand that it is self-written, you
take it and download it - Http website copier
All these programs are optional, you need to have browser and editor at hand.
Everything else is additions.

Answer 5

RAILS + HAML + SASS/LESS - start now and never look at wp j3 bitrix and others again