There is no shortcut to learning , But learning has skills and methods .
 
One ,css Introduction :  
Recommended books :css What's up , Master css.
reason :css Those things , He is an introduction book css Basic books , It's a classic book for beginners .
A systematic introduction to css Selectors for , pseudo-classes , The work environment , The box model , Two , Three column adaptive layout . Writing style , The image processing , list , Forms , And the tab , Photo album , Navigation , News lists and most of the other practices .
Master css, The book is in its second edition , Compared to the first edition , Most of the directory structure of the second edition remains unchanged , The content has become fuller . This book introduces... From another perspective css It's broad and profound . 
 
Two ,js Introduction :
 
1, Recommended reading “javascript Advanced programming ” Third edition Electronic Edition .
After the summary of predecessors or my practical experience , This is what the self-taught students suggest , Find a Book js The introduction of the book and the wonderful taste of video combined to see . A major interview , A major practice .
The purpose of reading books is to master theoretical knowledge , carding js The structure of knowledge , The main point is to deal with the interview . The main part of the interview is to express your ideas , Just by simple understanding , Can't fully express the breadth or depth of a problem , Only in combination with the industry's terminological conventions or some idioms , The meaning expressed is more professional . If not , Don't say that the interviewer can't understand , I can't even express myself , Or the expression is not what you want . But the book focuses on the elaboration of theoretical knowledge , Lack of support for practical examples , It's hard to digest quickly . At this time, video can make up for this defect , And Miaowei video uses simple code to achieve some common effects , Interest in learning will soon be attracted . But yes. js Advanced features of , I don't think the video reaches that depth . and js Some basic questions of , Or an expansion of knowledge , Limited to various conditions , It may not be fully expressed . So we need to combine books to supplement .
The general attitude of learning is : No hurry, no impatience , Not fast, not slow . Persevere , Believe in yourself .
 
 
2, I suggest you enjoy , Miaowei and smart society video materials . 
The main learning skills are hands-on and active thinking , While enjoying the video, remember to tap the code no less than three times , Until every other day, every other week, you can repeatedly type out the code or recall ideas . And take notes while you tap , In order to do a quick review of the use of . The skill of learning is hands-on , The soul of learning is persistence , The joy of learning is sharing . Just stick to it , It's growing every day , It just doesn't feel obvious . But this month compared to previous months , There have been quantitative changes , Quantitative change causes qualitative change .
Another suggestion :QQ Group is not the main battlefield of learning , Groups are just learning aids , If you want to study at ease, that's the key QQ, Broken net , On their own .
Learning attitude needs to be pragmatic , Life is cruel , The battlefield is bloody , A piece of cultivation , A harvest , Only by pragmatic study and good foundation can we go further .
      Knock out the code , When the train of thought is not clear , Can be in firebug,chrome Make a break inside and follow , Rational thinking , Understand the logic of the code , This will have a profound impact . Beginners can't do it all the time , This is the only way . But it may be a little slower at the beginning , But it's never been that slow , It's not going to be that long , Because with the mastery of basic concepts , Familiarity with coding skills , Proficiency in development tools , It's going to be faster and faster to digest video .
 
     
Miaowi intelligent society video :

js video

[ Knowledge points ] Wonderful taste class

Other books summarize and share :

js Books :

js Learning process + Books

javascript Those books

If you learn js

javascript Those books

Write to want to learn JavaScript My friend's experience

How to learn step by step JavaScript?

Other front-end resources

Front end book sharing

 
3. After this digestion , Read other js The book suggests the following :
js dom Programming art (2 version)->js Advanced programming (3 version)-> js dom Advanced programming -> js The essence of language -> Master js -> Write maintainable js -> High performance js -> js Object oriented programming guide   -> js Pattern -> js Authoritative guide (6 version) -> js Language essence and programming practice

js dom Programming art : He just intercepted js Some of the concepts in are introduced , Not complete or deep .

js Advanced programming : classical js Basic books , It's classic because the system perfectly introduces js The history of , Based on and predicted the current trend . It's more important to measure than to combine with practice

js dom Advanced programming : It mainly talks about how to write a framework or library .

js The essence of language :json author , Douglas wrote , Main analysis js The essence or connotation of language .

Master js:jquery The author wrote , The shallow analysis of jquery Implementation of some methods , Attention is very shallow .

Write maintainable js, High performance js: These two are written by Nicholas , The publication date is after , You can imagine the depth .

js Object oriented programming guide : Mainly talking about some object-oriented things .

js Pattern : -> js Authoritative guide (6 version)

js Pattern , These two books are translated by Taobao team , The mode is mainly about the mode and the foundation .
js Authoritative guide (6 version), Classic rhinoceros , Half on the basics , One is reference .
 
4. Editor recommendations :
a. Novice : sublime-text,  http://github.com/jikeytang/sublime-text
The reason for recommending these two is , There's a technology called emmet, http://docs.emmet.io, And these two support him :
sublime text All editors support emmet The only one that's better .
webstorm(jetbrains Series of products ,intellij idea, phpstorm, pycharm) It's the only built-in one of all editors emmet A paragraph , And the emmet The spirit of a step forward in a .
c. Other :editplus, notepad++,vim.
The reason to prepare more than one is , There is no best editor , Only the most suitable , Each of the following features will eventually attract you .
 

web Front end development sharing -css,js More related articles in the introductory chapter

  1. 1. web Front end development sharing -css,js Introduction

    Focus on the front end for so many years , No big achievements , I have accumulated a lot of skills and experience during my introduction , Share with you , Not necessarily for everyone , After all, there are differences between people's educational background and growth environment and psychological activities , But on the other people's experience, combined with their own characteristics , And then explore what's right for you ...

  2. web Front end development sharing -css,js Introduction ( turn )

    from :http://www.cnblogs.com/jikey/p/3600308.html Focus on the front end for so many years , No big achievements , I have accumulated a lot of skills and experience during my introduction , Share with you , Not necessarily for everyone , After all, people ...

  3. 4. web Front end development sharing -css,js Tools section

    web Front end development and other related development , recommend sublime text, webstorm(jetbrains The company's line of products ) The reason for these two is , There's a technology called emmet, http://docs.emmet.io, ...

  4. web Front end development sharing -css,js Tools section

    web Front end development and other related development , recommend sublime text, webstorm(jetbrains The company's line of products ) The reason for these two is , There's a technology called emmet, http://docs.emmet.io, ...

  5. 6. web Front end development sharing -css,js Mobile

    With the gradual expansion of the mobile market and the improvement of related technologies , Put forward new job requirements for front-end development , On the basis of inheriting the achievements of predecessors, we need new innovations under the new historical conditions . Mobile development , Although there is no IE6 The torment of many problems , But multiple platforms , Compatibility of multiple devices , also ...

  6. 2. web Front end development sharing -css,js Advanced

    One ,css Advanced : etc. css After seeing something two or three times , We need to apply the knowledge we have seen comprehensively , A lot of practical experience is needed at this time , Simple ideas : hold qq Save home page full screen as jpg And then through ps Tool cuts combined with css convert to html, There's no way to start ...

  7. 3. web Front end development sharing -css,js Improve

    One . css After mastering the basic knowledge ( The personal standard is : Figure out the difference between block elements and inline elements , clarify float Application scenarios of , clarify position[pə'zɪʃən]  The next five attributes static['stætɪk],relative[ ...

  8. 5. web Front end development sharing -css,js In depth

    One . css Practice Netease topic : 1. http://news.163.com/  Journalism There is no big change in the news format with Tencent , It's just the details . 2. http://news.163.com/photo/#Curren ...

  9. web Front end development sharing -css,js Improve

    One . css After mastering the basic knowledge ( The personal standard is : Figure out the difference between block elements and inline elements , clarify float Application scenarios of , clarify position[pə'zɪʃən]  The next five attributes static['stætɪk],relative[ ...

Random recommendation

  1. MAC Osx PHP Installation instructions

    php.ini The location of Mac OS X There is no default in php.ini file , But there are corresponding template files php.ini.default, be located /private/etc/php.ini.default Or say /etc ...

  2. JS Get elements CSS value

    One .getComputedStyle getComputedStyle  It can get all the final uses of the current element CSS Property value . Back to a CSS Styles declare objects ([object CSSStyleDeclara ...

  3. JavaIO And RandomAccessFile Random access to files

    package test.java.io; import java.io.RandomAccessFile; public class RandomAccFile { public static vo ...

  4. MyBatis The dynamics of the SQL operation -- Insert

    demand : Insert a piece of data into the database //id,name,sal Non empty , All three fields are inserted insert into student(id,name,sal) values (?,?,?) //id,name Non empty , only ...

  5. Swift It appears that “no such module cocoa” Error of

    stay Swift In development , I've created a new one UIViewController Subclasses of appear “No such module 'Cocoa' Error of , The head is import cocoa.. The reason is simple : Building new File file ...

  6. JavaScript Implementation of the lower right corner of the page pop-up code

    <script language="JavaScript"><!--var no = 50;var speed = 1;var ns4up = (document ...

  7. latex Fixed picture position

    1, Insert side by side subgraphs \usepackage{subfigure} \begin{figure}[H] \centering \subfigure[SubfigureCaption]{ \label{F ...

  8. css6 A way to hide elements

    6 There are two ways to hide an element : 1 CSS display The value of is none.( The element is not displayed on the page )   2 type="hidden" Form elements of .( The element is not displayed on the page )   ...

  9. vim Senior editor ( One )

    This article from the   http://blog.csdn.net/shuangde800 ------------------------------------------------------------ ...

  10. Yes VC++6.0 Love deeply ( 3、 ... and ) The production and use of static library

    [ establish ] 1) Build a new project (win32 Static library ) (2) Join in .h Document on .cpp The document is as shown in the figure . 3) compile - structure , Generate .lib file [ Use ] 1) New normal console program 2) Open the project folder and the Library folder just generated 3) Fang ...