I would like to ask you about how to get started with front-end (HTML CSS) development, thank you. _html/css_WEB-ITnose

I just graduated and now work in a state-owned IT company. Now the director asked me to do front-end (HTML CSS) development.
But now this company does not do this, and the director asked me to start front-end development as soon as possible! Now I mainly watch videos every day to learn and then practice some small examples myself. ! Now I have a rough idea of ​​the properties of HTML and CSS, but I still feel that there is still a gap between writing pages independently. I don’t even know what software to use to develop front-end things. . . I am using EDITPLUS now. . But I feel like it’s okay to write a small page, but it’s still difficult to write a large one, so I would like to ask the seniors if they have any good suggestions on how to get started?

Thanks!

Reply to the discussion (solution)

w3cschool online tutorial
This website is enough for you to learn, take the time to read it, there are examples

w3cschool mainly considers the compatibility of various browsers.

You can check out w3cschool to learn some basics and then buy a book to read, editor DW or sublime text

1. First download dreamweav [adobe's, currently seems to be cs6 ],
2. Then slowly write a few pages to try.
3. There are automatic prompts in dw[dreamweav] to facilitate learning for novices.

Come on!

Thanks to the people above, how long will it take from preliminary practice to being able to write a page independently?

Reply to the person above, if you do it every day Just practice, and it will probably only take a week.
Of course, if you need to remember all the labels and usage, it may take a month. . . . ,.

Should we look at some source code or something?

You must learn to use the page debugging tools provided by the browser

State-owned enterprises, happy children
Install a DW first. It is convenient to do front-end
Then look for more front-end blogs to read See
and if you have any questions, please contact Baidu
Just write a few pages and it will be done

Well, thank you everyone. How do you save browser debugging tools such as FIREBUG after making changes? Because I see a lot of their CSS is written in a separate file.

Well, thank you everyone. How do you save browser debugging tools such as FIREBUG after making changes? Because I see a lot of their CSS is written in a separate file.
Take your time, IE6 is smiling at you. If you want to implement this function, you can install web developer and give it a try, but I personally feel it is not easy to use.

I think it is better to do a complete project and do it yourself, the improvement will be huge.

If you are a front-end professional, there are several technologies that you must master:
1. SCSS or LESS, choose one.
2. Master at least one front-end framework, such as bootstrap or foundation (I often use these two, of course there are others you can google yourself)
3. If you need to make a rich client app, you need JavaScript basics . Based on JavaScript, you should master at least one common framework, such as jQuery. Then you also need to master one or two JS frameworks that support templates and binding, such as small ones such as knockoutJS, and high-end ones such as AngularJS.
4. With the above basic knowledge as a backing, you also need to have certain art skills and learn to use mocking tools to speed up the development of your design prototype.
5. Front-end development also requires version management, so you also need to master such technologies, such as Git.