编程知识 cdmana.com

Whole stack Cultivation: how to move from web front end to full stack development

Preface

Why develop to the whole stack ?

Full stack development is all Web The ultimate dream of developers , Whether you're developing front-end or back-end . And with the influx of developers , Both front-end and back-end jobs are facing fierce competition , The whole stack is no longer a bonus item , It's becoming more and more necessary . If you can get a salary , No boss likes to pay two salaries .

Over time , You will undoubtedly become a valuable front-end Developer , And that also means , You can try to satisfy your ambition to go to the whole stack .

Back end language comparison

The back-end language is the biggest obstacle to the front-end across the whole stack , It's also an obstacle that has to be taken down . Unlike the front end Javascript Dominate the world , The back-end language is a hundred schools of thought :PHP、Python、Ruby on rails、Node.js And scripting languages , Also have Java、C#(.net) And so on , There are also Go、Erlang etc. . Language is not good or bad , It has its own style and scope of application .

PHP Easy to use , And the community is strong , There are many learning resources , Open source , Easy to deploy . The disadvantage is that it's easy to make mistakes , The efficiency is not high .

Python In recent years, the development is very hot , It is said that even kindergartens begin to learn Python 了 , It's really from the doll .Python It is easy to learn , Fast development , Easy to maintain , Good scalability , and Python It can almost be used for big data analysis , Artificial intelligence , You can even do hardware programming , It can be said that the future is great . But the disadvantage is that it's slow , Easy to make mistakes .

Ruby on rails High development efficiency , More developers , The development control is quite rich , But its performance is poor , There are few third party packages .

Node.js The birth of , Let's get to the front end JS Sit up and take notice , Its popularity will be JS Just push it up Stack Overflow2018 Top of the most popular programming languages of the year . Thanks to the special identity of its front end , stay web Interface , High concurrency web Interface ,nodejs It's much more efficient than java、php、python,Nodejs Very suitable for high concurrency projects . Most importantly, for front-end Engineers , adopt Nodejs Towards the whole stack , It's a very good bridge , It can reduce the fear of unfamiliar language 、 Frustration . The disadvantage is that it only supports single core CPU, Low reliability , Inconvenient debugging .

Java Good performance , Stable and reliable , High safety and efficiency , Suitable for large and medium-sized projects . Relative , Its disadvantage is that it is difficult to develop , High learning cost , The cost is also higher , Less efficient development and deployment . Business volume is large , High performance requirements , Enterprise websites with high data security requirements generally choose Java, For example, Taobao in China 、 Netease, meituan, etc .

C#(.net) Good performance , High development efficiency , Maintenance costs are also low , It is more suitable for Microsoft platform . But its code reusability is poor , It's hard to manage .

No language is absolutely good or bad , It depends on the company's business and its own preferences , The most important thing is how you use it . The so-called weak water 3000 , Take only a scoop to drink , There are thousands of back-end languages , Choose one to learn first , Better than that —— You can't chew too much .

The language comparison in the preceding paragraph

web Front end development language mainly includes :html Language ,css Style code ,javascript Script ,html5,css3,jQuery,ajax,Bootstrap,Backbone

html Language : The basic markup language for web pages , It's also the most basic language , It's easy to master .
html5

css Style code : It's used to control html How the code is displayed ,html Language is just the mark of a web page , But how to better show the effect you want on the web page , from css Style to control , It is recommended to write css Style code , The handwriting is simpler , Higher reusability .

css

javascript Script : Running on the client , Mainly by some events to change the page code and display effect , General web effects are done through javascript Script to write . It can provide client interaction and some animation effects , It's what every website front-end developer must master .
JavaScript

jQuery: By javascript Open source libraries developed , It's all integrated javascript function , Give Way web Front end developers write less code , More functions ,javascript Scripts are difficult to learn , but jQuery It's easier to learn , This reduces web The difficulty of front-end development , also jQuery Compatible with almost all browsers .
jQuery

html5,css3: added html Tags and rich applications , More streamlined code , More powerful , So it is necessary for the front-end developers to master and use it .

ajax: It's equivalent to adding — Middle layers (AJAX engine ), Asynchronous user operation and server response . Not all user requests are submitted to the server , image — Some data validation and data processing are handed over to Ajax The engine does it by itself , Only when it is determined that new data needs to be read from the server, can Ajax Engine submits request to server on behalf of , Especially local refresh .

Bootstrap:Bootstrap It contains a wealth of Web Components , According to these components , Can quickly build a beautiful 、 Fully functional website . It includes the following components : The drop-down menu 、 Button group 、 Button drop-down menu 、 Navigation 、 Navigation bar 、 Path navigation 、 Pagination 、 Typesetting 、 thumbnail 、 Warning dialog 、 Progress bar 、 Media objects, etc

Backbone: Main components :

  • model: Create data , Data validation , Destroy or save to the server

  • collection: Can add elements , Remove elements , To obtain the length of the , Sort , Comparison and other tools and methods , It's a preservation models Set class of

  • view: binding html Templates , Events that bind interface elements , The initial rendering , Re rendering after model value changes and destruction of interface elements
    advantage :

  • Separate the data from the interface very well .

  • The binding of events is well separated , Easy to manage and iterate .

  • bring Javascript The modularization of the program is clearer 、 clear .
    Application scenarios :
    The most suitable application scenario is single page application , And there's a lot of data models on the page , Complex information communication is needed between models

I am currently in-service front-end development , If you want to learn front-end development technology now , In the process of learning the front-end, I met with any questions about learning methods , Learning route , Learning efficiency and other issues , You can apply to join my front-end learning exchange skirt : front :4213 Back :74697. There's a little gathering in it that's Self taught front-end beginners , Turn traveler , The beginners , There's a front end in it PDF Books, etc , The article deals with ①html;②css;③JavaScript;④jQuery etc. pdf file If you need it, you can get it from skirt pig .

Master the above knowledge , Basically you can go from the front to the back , From back to front , Come and go free . First of all, you can configure the development environment and workflow of the whole station , Operating the database , Build back-end services API, Independent front end development , So as to develop a complete application including the front end and the back end , Then test and deploy , Until the product goes online .

Congratulations , A full stack development engineer was born !

版权声明
本文为[osc_ 2wznp7fr]所创,转载请带上原文链接,感谢
https://cdmana.com/2020/12/20201225094529771n.html

Scroll to Top