current position：Home>Laguoda front end high salary training camp
Laguoda front end high salary training camp
2021-08-24 19:49:16 【mb6118ff5c6a229】
Extraction code ：3830
China's IT There is a saying in the circle called “ Programmers eat youth ”, many IT Companies are also reluctant to hire older programmers . therefore , It becomes very important to master advanced technology quickly in limited time . In order to help the new Xiaobai quickly move towards the peak of technical life , Here is a front-end learning experience summarized by a senior front-end Engineer .
This is mainly about self-study , Website development is roughly divided into front-end and back-end , The front end is mainly responsible for realizing visual and interactive effects , And communicating with the server , Complete the business logic . Its core value lies in the pursuit of user experience .
The front-end knowledge system is as follows , You can learn systematically according to the following ideas ：
【 Basic knowledge of 】
1. html + css This part can be in w3cschool Online tutorials Learn from , Practice while learning , There are small tests after each chapter . After that, we can imitate some websites to make some pages . After accumulating some experience in practice , Can read one or two books systematically , recommend 《head first html And css Chinese version 》, The book is very detailed , It is estimated that many people do not have the patience to read carefully , You can consider it according to your actual situation .
At the beginning , You tend to be confused , Because what you write seems useless , For example, to implement a simple calculator , Read a file, etc . You should learn to write something interesting at this time , So you should learn more .
【 Advanced 】
With the above foundation , You can do general static web design , But we need to learn more about complex pages .
1. css. Must see 《 Master css》, After reading this book, you should be right ： Box model , flow ,block,inline, Cascading , Style priority , When the concept is well understood . As an exercise, you can see 《css The craftsman of art 》 This book , It's about the title , background , Round corners , Navigation bar ,table, Forms and other topics are introduced in detail .
a) frame . recommend jQuery, Simple and easy to use , stay w3cschool Simple learning js after , Go straight ahead jQuery Can complete some simple projects . The learning method is also very simple , Just make a few pages according to the product documentation , Don't cover everything , In the future, if you have any problems, just check the documents . The framework can help you block the differences between browsers , So that you can be more focused and web Develop the essence of learning .
e) ajax Programming , This is another core technology .ajax It is suggested to check some information on the Internet , Understand the context of the concept , Baidu Encyclopedia , Wikipedia is enough . Real programming is easy , Almost every framework is right now ajax It has a good package , Programming is not complicated .
f) Learn about browser differences . This part includes css and js Two parts , There are many different contents in the browser , It is suggested to accumulate more in practice . In addition, for browser rendering mode ,DOCTYPE Etc. should be systematically studied .
【 The code level 】
With the above knowledge , For most small websites , You should be able to write code that works . But to be a more professional front end , You still have to work hard . There are four more aspects to the higher requirements ：1 Easy maintenance ,2 Testable ,3 High performance ,4 Low flow （ Mobile ）.
1. Easy maintenance . You should understand the page ‘ style ’,‘ data ’,‘ Behavior ’ Separation of the three party , Of course, the corresponding is css,html,js. about js Code , You'd better understand the design pattern , restructure ,MVC The content such as .
2. Testability .
4. Low flow . The mobile end pays more attention .
【 Engineering level 】
Front end projects also face all aspects of the software life cycle , The first is code management , You must be proficient in svn and git. The second is the construction of code , Now the front-end code construction is not a simple compression , Dependency management is needed 、 Module merge 、 Various compilations , You must learn to use grunt And other front-end building tools , lately gulp Comparing the fire , You also need to understand .
For front-end development , That's the basic content , You can choose to study the following content according to your hobbies .
1. Interaction design . Big companies still have professionals doing this , But the front end that doesn't understand interaction must not be a good front end . recommend 《 Simplicity first 》.
2. Back end . It should be said that the former engineer must know at least one back-end language , But if hobbies can also be learned in depth , The difficulty of getting started should be php 了 . This part can be divided into page based , Based on two kinds of framework . Large projects are all based on frameworks , It is recommended to know at least one MVC frame , such as php Of ci, yii, yaf etc. , The design idea of "good return framework" is the same . Now NodeJs It has been widely used in large companies , It is recommended that you use it in Node Upper use Express The framework does some back-end service development .
3. flash. I didn't flash As one of the core skills of front-end engineering , Because I won't , however ActionScript Should be and js Be the same in essentials while differing in minor points , You can learn according to your work needs . But my principle is to try not to use it if you can , In fact, many effects pass js,css Can be realized , There's no need for flash. And along with html5 The development of flash It will be eliminated sooner or later .
4. html5 and css3 .HTML5 The norm is already in 2014 year 10 month 28 Date issued , Mobile html5 and css3 It has been widely used , The relevant tools and environment are also much better than in the past , If you want to learn .
5. Android and ios Development . today , The front-end work area has been very extensive ,native Interface development is also front-end development in essence , All big companies are faced with Native The environment and web Environment page maintenance at the same time , If it can be unified in technology , There will be great value . For those who have spare time to learn , You should know Native The basic process of development , At least understand the technology of interface construction .
author ： Programming lion W3Cschool
source ： Simple books
The copyright belongs to the author . Commercial reprint please contact the author for authorization , Non-commercial reprint please indicate the source .
author[mb6118ff5c6a229],Please bring the original link to reprint, thank you.
The sidebar is recommended
- Crazy blessing! Tencent boss's "million JVM learning notes", real topic of Huawei Java interview 2020-2021
- How to implement injection in vuex source code?
- JQuery operation select (value, setting, selected)
- An article disassembles the pyramid architecture behind the gamefi outbreak
- BEM - a front-end CSS naming methodology
- [vue3] encapsulate custom global plug-ins
- Error using swiper plug-in in Vue
- Another ruthless character fell by 40000, which was "more beautiful" than Passat and maiteng, and didn't lose BMW
guess what you like
Huang Lei basks in Zhang Yixing's album, and the relationship between teachers and apprentices is no less than that in the past. Netizens envy Huang Lei
He was cheated by Wang Xiaofei and Li Chengxuan successively. Is an Yixuan a blessed daughter and not a blessed home?
Zhou Shen sang the theme song of the film "summer friends and sunny days" in mainland China. Netizen: endless aftertaste
Pink is Wangyuan online! Back to the peak! The new hairstyle is creamy and sassy
Front end interview daily 3 + 1 - day 858
Spring Webflux tutorial: how to build reactive web applications
[golang] walk into go language lesson 24 TCP high-level operation
August 23, 2021 Daily: less than three years after its establishment, Google dissolved the health department
The female doctor of Southeast University is no less beautiful than the female star. She has been married four times, and her personal experience has been controversial
There are many potential safety hazards in Chinese restaurant. The top of the program recording shed collapses, and the artist will fall down if he is careless
- Anti Mafia storm: He Yun's helpless son, Sun Xing, is destined to be caught by his dry son
- Introduction to flex flexible layout in CSS -- learning notes
- CSS learning notes - Flex layout (Ruan Yifeng tutorial summary)
- Today, let's talk about the arrow function of ES6
- Some thoughts on small program development
- Talk about mobile terminal adaptation
- Unwilling to cooperate with Wang Yibo again, Zhao Liying's fans went on a collective strike and made a public apology in less than a day
- JS function scope, closure, let, const
- Zheng Shuang's 30th birthday is deserted. Chen Jia has been sending blessings for ten years. Is it really just forgetting to make friends?
- Unveil the mystery of ascension
- Asynchronous solution async await
- Analysis and expansion of Vue infinite scroll source code
- Compression webpack plugin first screen loading optimization
- Specific usage of vue3 video play plug-in
- "The story of huiyeji" -- people are always greedy, and fairies should be spotless!
- Installing Vue devtool for chrome and Firefox
- Basic usage of JS object
- Two easy-to-use animation JS that make the page move
- Front end Engineering - scaffold
- Java SQL Server intelligent fixed asset management, back end + front end + mobile end
- Array de duplication problem solution - Nan recognition problem
- New choice for app development: building mobile applications using Vue native
- New gs8 Chengdu auto show announces interior Toyota technology blessing
- Vieira officially terminated his contract and left the team. The national security club sent blessings to him
- Less than 200000 to buy a Ford RV? 2.0T gasoline / diesel power, horizontal bed / longitudinal bed layout can be selected
- How does "heart 4" come to an end? Pinhole was boycotted by the brand, Ma Dong deleted the bad comments, and no one blessed him
- We are fearless in epidemic prevention and control -- pay tribute to the front-line workers of epidemic prevention!
- Front end, netty framework tutorial
- Xiaomi 11 | miui12.5 | android11 solves the problem that the httpcanary certificate cannot be installed
- The wireless charging of SAIC Roewe rx5 plus is so easy to use!
-  typescript
- CSS transform Complete Guide (Second Edition) flight.archives 007
- Ajax foundation - HTTP foundation of interview essential knowledge
- Cloud lesson | explain in detail how Huawei cloud exclusive load balancing charges
- [JS] 10. Closure application (loop processing)
- Left hand IRR, right hand NPV, master the password of getting rich