What is the basis of learning front end?

BOM485480 2021-02-22 23:22:03
basis learning end

What is the basis of learning front end ? Front end foundation includes HTML、CSS Cascading style sheets 、JavaScript、HTML5、CSS3、jQuery The content such as . Mastered HTML+CSS+Javascript These three technologies are the front end of entry , But it's just the beginning, you can cut the picture , So called static web pages . Now the definition of front-end development has gone far beyond the cut diagram .
 Insert picture description here

The basic knowledge of learning front end is as follows :


Hypertext markup language , An application under the standard generic markup language . Include “ head ” part ( English :Head)、 and “ The main body ” part , among “ head ” Information about web pages provided by ,“ The main body ” Specific contents of the webpage are provided in part .

Two 、CSS Cascading style sheets

CSS It's a form of expression HTML( An application of Standard General Markup Language ) or XML( A subset of Standard General Markup Language ) Etc. File style computer language .

3、 ... and 、JavaScript

A literal script language , Is a dynamic type 、 Weak type 、 Prototype based language , Built in support type . Widely used Web application development , Used to add various dynamic functions to web pages , Provide users with more smooth and beautiful browsing effect . Usually JavaScript The script is embedded in the HTML To realize its own functions .

With the rapid development of the Internet era and the change of enterprise demand , The three elements of front-end development technology have also evolved into today's HTML5、CSS3、jQuery. So many Web The content of the introductory course of front-end development has also been adjusted to some extent .

Four 、HTML5

HTML5 It is the fifth major revision of hypertext markup language , stay HTML On the basis of the introduction of new functions , Can really change the way users interact with documents , This mainly includes :“ New parsing rules enhance flexibility 、 new property 、 Obsolete or redundant properties ; One HTML5 Drag and drop from document to another document 、 Offline Editor 、 Enhancement of information transmission 、 Detailed parsing rules 、 Multipurpose Internet mail extension and protocol handler registration , stay SQL General standard for storing data in database (WebSQL) etc. .”

5、 ... and 、CSS3

CSS3 yes CSS( Cascading style sheets ) Upgrade version of Technology , Mainly including box model 、 List module 、 Hyperlink method 、 Language module 、 Background and border 、 Text Effect 、 Multi column layout and other modules .CSS Not only can you statically decorate a web page , You can also work with a variety of scripting languages to dynamically format the elements of the web page .

I've been in the front end for years , This paper summarizes a set of intensive video and learning route for front-end learning , If there are partners interested in front-end development , Whether you want to change careers , Or college students , And those who want to improve their abilities at work web Front end party , Welcome to join my front-end development exchange group :603985993 I hope you can communicate sincerely !, Synchronization with enterprise requirements . Friends are learning to communicate in it , Every day, Daniel will regularly explain the front-end technology ! You can also follow my WeChat public account :【 Front end international students 】
Update the latest technical articles every day .

6、 ... and 、jQuery

jQuery A fast 、 concise JavaScript frame , It encapsulates JavaScript Common function codes , Provides a simple JavaScript Design patterns , Optimize HTML The document operation 、 Event handling 、 Animation design and Ajax Interaction .jQuery Compatible with various mainstream browsers , The core features can be summarized as : Unique chain syntax and short and clear multi-functional interface ; Efficient and flexible css Selectors , And yes. CSS Selector to extend ; With convenient plug-in extension mechanism and rich plug-ins .

HTML Defines the content of a web page ,CSS Decorate the layout of the web page ,JavaScript Web page behavior jQuery It's a JavaScript library . If you compare a web page to a person , that HTML It's a human organ , Main components of limbs, etc ;CSS It's your clothes or something , Make you look more beautiful ;JavaScript Give people more interaction , For example, communicating with others 、 Logical judgment, etc ;jQuery It's people using toolbox .

Learning front-end development starts with some simple books , More extensive and shallow learning , The latter is engaged in intensive and deep learning , In a limited time , We should master some basic knowledge as much as possible , Then practice more . When you encounter problems that can't be solved in your study, you should check them out , Make records in time and then practice , In this process, skills will improve quickly .


  1. How to insert an element into the specified index of an array?
  2. 配置证书使得ngnix能够发布https的可信网站
  3. HTTP接口调试利器!4.8万Star的HTTP命令行客户端!
  4. 前端url链接带的参数加密
  5. HTTP接口调试利器!4.8万Star的HTTP命令行客户端!
  6. Is react server components OK?
  7. Summary of front end basic knowledge (4) - webpack
  8. Sass nesting rule
  9. 前端三大框架:数据绑定与数据流
  10. axios 源码阅读(一)--探究基础能力的实现
  11. Javascript中的事件冒泡与捕获
  12. #研发解决方案#易车前端监控系统
  13. 【JS】877- 35 个 JavaScript 的奇葩知识,长见识了!
  14. #研发解决方案#易车前端监控系统
  15. 高性能 Nginx HTTPS 调优 - 如何为 HTTPS 提速 30%
  16. Front end, school recruitment, Taobao, guide
  17. Front end, social recruitment, Taobao, guide
  18. javascript 十大经典排序
  19. Draw a mellow cactus with the boneless technique of Meticulous Brushwork
  20. HTTP 1.x 學習筆記 —— Web 效能權威指南
  21. Vue3元件(九)Vue + element-Plus + json = 動態渲染的表單控制元件
  22. 我的 HTTP/1.1 好慢啊!
  23. Vue為何採用非同步渲染
  24. The response status was 0. Check out the W3C XMLHttpRequest Level 2 spec for
  25. Front end monastery
  26. How to quickly understand a new front end project?
  27. webpack4.X核心工具库之tapable实例对象Hook
  28. webpack4.X核心工具库之tapable实例对象Hook
  29. C++使用libcurl进行http通讯
  30. Can be directly used in HTML special character table Unicode character set
  31. C++使用libcurl进行http通讯
  32. Java traverses list < string > and takes out the string elements in it, and splices them with ","
  33. Self taught web front end more than two months, talk about my harvest and progress, learning summary
  34. vue 中使用 css 变量
  35. 深入了解React中state和props的更新
  36. 百度分享不支持https的解决方案
  37. [practical] ABAP mail sending (HTML + attachment)
  38. [practical] ABAP mail sending (HTML + attachment)
  39. Teach you how to select products with less profit and competition in Amazon Product Development (1)
  40. 【微前端】微前端最终章-qiankun指南以及微前端整体探索
  41. 【微前端】微前端最终章-qiankun指南以及微前端整体探索
  42. Vue-Cli 创建vue3项目
  43. Go in the front of the progress of u boot v7.0 U disk boot disk production tools
  44. 使用NTLM的windows身份验证的nginx反向代理
  45. Rust教程:针对JavaScript开发人员的Rust简介
  46. 使用 Serverless Framework 部署个人博客到腾讯云
  47. #研發解決方案#易車前端監控系統
  48. Vue changes localhost to IP address and cannot access
  49. JavaScript进阶学习
  50. HTML5 from entry to proficient, realize annual salary 10W +, zero basic students must see
  51. Vue:vuex状态数据持久化插件vuex-persistedstate
  52. Vue source code analysis - start
  53. Vue -- the child component calls the method of the parent component and passes parameters --- props
  54. React-Native 获取设备当前网络状态 NetInfo
  55. 高性能 Nginx HTTPS 调优 - 如何为 HTTPS 提速 30%
  56. How to learn HTML5? How can Xiaobai start HTML5 quickly?
  57. HTML + CSS detailed tutorial, this article is enough, but also quickly save
  58. JavaScript高级:JavaScript面向对象,JavaScript内置对象,JavaScript BOM,JavaScript封装
  59. Why Vue uses asynchronous rendering
  60. JavaScript高级:JavaScript面向对象,JavaScript内置对象,JavaScript BOM,JavaScript封装