11website Front EndEditFront-end for a website, usually refers to the site's foreground part includes the site's performance layer and structure layer. So front-end technology is generally divided into front-end design and front-end development, the front-end design can generally be understood as the visual design of the site, front-end development is the site's foreground code implementation, including basic HTML and CSS and Javascript/ajax, now the latest advanced version of HTML5, CSS3, , as well as SVG.2Basic SkillsEditThe three of HTML, CSS, and JavaScript are the most basic and necessary three skills in front-end development. In the development of the front-end, when the layout of the page, HTML defines the elements, CSS to locate the elements displayed, and then through JavaScript to achieve the corresponding effect and interaction. Although the surface looks simple, there is absolutely nothing to be mastered. These concepts need to be clear and understood prior to development so that they will be handy in the development process.3HTMLEditRefers to the Hypertext Markup Language (Hyper Text Markup Language), this is the most common language of our web page, experienced a number of versions of the development, has developed to 5.0 version, effective in the creation of the standards and norms, has been widely upgraded to xhtml,xhtml Referred to as Extensible Hypertext label Language (extensible Hypertext Markup Language), XHTML became the world's most stringent and purer HTML code in 2000 January 26, and XHTML's goal was to replace HTML. XHTML is almost the same as HTML 4.01, and XHTML is the HTML that is redefined as an XML application and is a standard. It defines XHTML as the latest HTML version. XHTML is supported by all new browsers.[1] 4CSSEditCascading style sheets (cascading style Sheet) are referred to as "CSS", often referred to as "style Sheet", which is used for web-style design. For example, if you want the link word to be blue when it is not clicked, the word turns red and underlined when the mouse is moved up, which is a style. By setting up style sheets, you can control the display properties of each flag in HTML uniformly. Cascading style sheets make it easier for people to control the appearance of a Web page. Using cascading style sheets, you can expand the ability to precisely specify the location of page elements, their appearance, and the creation of special effects.[2]5JavascriptEditIt is a case-sensitive client-side scripting language that is developed by Netscape's LiveScript to prototype the inherited object-oriented dynamic type, the main purpose is to solve the server language, such as Perl, the legacy of speed problems, to provide customers with smoother browsing effect. At that time, the server needs to verify the data, because the network speed is quite slow, only 28.8kbps, the verification step wasted too much time. So Netscape's browser navigator added JavaScript, providing the basic functionality of data validation.[3]
"Website Refactoring" is engaged in front-end development must see
HTML -savvy books that are familiar with HTML
"Javascriptdom" Primer Book
PPK, "javascript" Heavyweight Primer book
Advanced JavaScript in the Book of Mastery
The essence of JavaScript language
The JavaScript authoritative guide
JavaScript Advanced Programming
"JavaScript design mode"
The return of the king of JavaScript
High-performance website construction Guide for the front-end development of must-read books
"CSS Zen Flower"
Children's shoes that want to learn the front end of the web can look at Oh! I think these books are super nice.
