当前位置：网站首页>[graduation season] the picture is rich, and frugality is easy; Never forget chaos and danger in peace.

thank CSDN Students are cordially invited to tell the story of their graduation season , Share your experience . Here I send you two famous words ： The picture is in abundance , Frugality in leisure ; Don't forget chaos , never relax your vigilance while you live in peace . At a time of abundance , It is necessary to consider possible shortages , At a time of leisure , Be on guard against future poverty ; In a safe and stable environment , Just think about the possible difficulties , Don't forget , To be prepared , To prevent difficulties and dangers . It's hot in summer , We welcome the graduation season in the heat wave , This is not just a farewell to the past life , It is also the beginning of a new starting point of life .

College entrance examination overview

Personally, I'm 2020 College entrance examination in , At the time of the outbreak of COVID-19 , I think this has also disrupted the learning plans of many senior three students. I don't try my best in the learning process of home online classes , Muddling along has no direction for the future , The end of the college entrance examination is also a random filling of volunteers , Most majors choose Chemistry , Because I prefer chemistry and Mathematics , For the computer, it is only limited to the level of how to open the game login account , Life is really a little wonderful , The selected major happens to be information security , For computers, it's completely white , Freshmen give freshmen many confused moments , I am also deeply involved .

Freshman Profile

Now that I have been selected into the major of computer , We should try our best to go on , The first learning C Language comes into contact with programming , It also makes me interested in programming . Of course, the first line of code entering the university is still C Linguistic “Hello World” Ha ha ha , Although the foundation is weak , But it's also hard . Because the major of information security , Also began to contact the knowledge of Internet security , When I was a freshman, I also learned a lot about hacker technology , Remember when I installed virtual machines kali The dilemma of time , I can also remember . But freshman year is also a year of indulgence , I don't have the mentality of studying hard and going on to specialize , The things that lead to learning are miscellaneous but not refined . Thinking of senior three has been hard for so long , When you go to college, you should indulge yourself , Cause the bitter fruit buried , Let me eat now . So I regret playing a little too much in my freshman year .

Sophomore Profile

I didn't learn programming well when I was a freshman , So sophomores made up their minds to work hard , So I taught myself in my sophomore year Python、C++ and PHP, Although they have learned , But I'm still not good at learning , Language is not something you can learn , It depends on whether you really study hard . For various reasons and coincidences, I began to contact the front end , Found that the front end is really beautiful , I am deeply attracted to , So I made up my mind , Specialize in front-end direction , Become a great front-end Engineer in the future . So I studied hard for a semester , Self study front end . I invested a lot of resumes in the recruitment software during the summer , The response is to refuse, I regret , Didn't find a good direction in the early stage , Until now, I began to learn , The starting point is much behind others . So when you are comfortable and happy, you don't know that danger is quietly following . When you turn around and see it , Everything is over . Of course , The sooner you find it, the sooner you solve it , Only by learning from experience can we grow and progress .

Learning goals

If you find a good direction, you should persevere , Of course, you can't study hard , We should study selectively , My suggestion is to choose the right direction as soon as possible , Think about where to develop in the future , Know the recruitment requirements of the recruitment company in that region in advance , Grasp the direction of the mainstream , Only after solving the primary contradiction can we care about the secondary contradiction . The front-end learning is in-depth, and you can contact some back-end languages , It is suggested that the mainstream should choose Java.

Study plan

Of course, it is necessary to make a study plan for yourself , Know what stage you are in , Where to go next , This is the street lamp .

The first stage ：（ The front-end must learn the basic knowledge points ）

·HTML+CSS:

HTML Advanced 、CSS Advanced 、div+css Layout 、HTML+CSS Site development .

·JavaScript Basics ：

JS Basic course 、JS Built-in object common methods 、 common DOM Tree operation daqo 、ECMAScript、DOM、BOM、 Timer and focus diagram .

·JS The basic effects ：

Common special effects such as ：tab、 Navigation 、 A full page scrolling 、 Shuffling figure 、JS Make slides 、 Pop-up layer 、 Accordion 、 Waterfall flow layout 、 Scroll Events 、 Rolling bad view .

·JS Advanced features ：

Regular expressions 、 Sorting algorithm 、 A recursive algorithm 、 Closure 、 Function throttling 、 Scope chain 、 Based on the distance motion framework 、 Object oriented fundamentals

·JQuery Based on using ：

Hanging device 、DOM operation 、 Special effects and animation 、 Methods the chain 、 Drag and drop 、 deformation 、JQueryUI Basic use of components .

The second stage ：（HTML5 And mobile Web Development ）

·HTML5

New semantic tag 、HTML5 Forms 、 Audio and video 、 Offline and local storage 、SVG、Web Socket、Canvas.

·CSS3：

CSS3 The new selector 、 Pseudo elements 、 Facial expression 、 Frame 、 shadow 、background Series attribute change 、Transition、 Animation 、 Depth and depth of field 、3D Effect of making 、Velocity.js frame 、 Element approach 、 His strategy 、 cool CSS3 Web page creation .

·Bootstrap：

Responsive concept 、 Media query 、 Responsive web authoring 、 Delete grid system 、 Principle of lattice deletion system 、Bootstrap Commonly used template 、LESS and SASS.

· Move Web Development ：

Across the terminal WEB And a brief introduction to mainstream equipment 、 viewport 、 Fluid layout 、 Elastic box 、rem、 Mobile terminals JavaScript event 、 It's common in mobile phones JS Effect of making 、Zepto.js、 Mobile juhuasuan page 、 Mobile scrolling .

The third stage ：（HTTP Service and Ajax Programming ）

·WEB Service Foundation ：

Server basics 、Apache Servers and others WEB Server introduction 、Apache Server setup 、HTTP Introduce .

·PHP Basics ：

PHP Basic grammar 、 Use PHP Easy to handle GET perhaps POST request .

·AJAX Part 1 ：

Ajax Introduction and concept of asynchrony 、Ajax Encapsulation of framework 、XMLHttpRequest Object describes methods in detail 、 Compatibility handling method 、Ajax Encapsulation of framework 、Ajax Medium cache problem 、XML Introduction and use .

AJAX The next part ：

JSON and JSON analysis 、 Data binding and templating techniques 、JSONP、 Cross-domain technologies 、 Preread the image and lazy-load technology 、JQuery In the framework AjaxAPI、 Use Ajax Achieve waterfall flow case amount .

The fourth stage ：（ Object-oriented progression ）

· Object - oriented final ：

From memory to understanding JS object-oriented 、 Basic types 、 Complex type 、 Prototype chain 、ES6 Object orientation in 、 Attribute read and write permission 、 Setter 、 accessor .

· Three characteristics of object-oriented ：

inheritance 、 polymorphism 、 encapsulation 、 Interface .

· Design patterns ：

Object-oriented programming thinking 、 The singleton pattern 、 Factory mode 、 The strategy pattern 、 Observer mode 、 Template method pattern 、 The proxy pattern 、 Decorator mode 、 Adapter pattern 、 Section oriented programming .

The fifth stage ：（ Encapsulate a framework of your own ）

· Framework packaging foundation ：

Flow of events 、 Bubbling 、 Capture 、 Event object 、 The event framework 、 Choose the framework .

· Framework encapsulation is the ultimate ：

Movement principle 、 Single object motion frame 、 Multi-object motion frame 、 Motion framework object oriented encapsulation .

· The framework encapsulates advanced and complementary ：

JQuery Frame shape 、 Extensibility 、 modularization 、 Encapsulates its own framework .

Phase 6 ：（ Modular component development ）

· object-oriented programming ：

Component-oriented programming 、 Principle of component oriented programming 、 Practice component-oriented programming 、 Develop web applications based on componentization .

· Modular oriented programming ：

AMD design code 、CMD design code 、RequireJS、LoadJS、 Taobao's SeaJS.

The seventh stage ：（ Mainstream popular frameworks ）

·Web Development workflow ：

GIT/SVN、Yeoman The scaffold 、NPM/Bower Dependency management tool 、Grunt/Gulp/Webpack.

·MVC/MVVM/MVM frame ：

Angular.js、Backbone.js、Knockout/Ember.

· Commonly used libraries ：

React.js、Vue.js、Zepto.js.

The eighth stage ：（HTML5 Native mobile application development ）

·Cordova：

WebApp/Native/HybirdApp brief introduction 、Cordova brief introduction 、 And PhoneGap The relationship between 、 Development environment construction 、Cordova actual combat （ Create project , To configure , compile , debugging , Deployment of release ）.

·lonic：

lonic Introduction and comparison of the same kind 、 Template project resolution 、 Common components and usage 、 combination Angular structure APP、 Common effect （ The drop-down refresh , Pull on loading , Side navigation , tab ）.

·React Native：

React Native brief introduction 、React Native Environment configuration 、 Create project , To configure , compile , debugging , Deployment of release 、 Native module and UI Components 、 Native commonly used API.

·HTML5+：

HTML5+ China industrial alliance 、HTML5 Plus Runtime Environmental Science 、HBuider development tool 、MUI frame 、H5+ Development and deployment .

The ninth stage ：（Node.js The whole development of the stack ）

· Quick start ：

Node.js Development 、 ecosystem 、lo.js、Linux/Windows/OS X Environment configuration 、REPL Environment and console programs 、 Asynchronous programming , Non blocking I/O, Module concept , Module management tool , Development process , debugging , test .

· Core modules and objects ：

Global object global,process,console,util, Event driven , Event transmitter , Encryption and decryption , Path to the operation , Serialization and deserialization 、 File stream operation 、HTTP Server and client 、Socket.IO.

·Web Development infrastructure ：

HTTP agreement , Request response processing 、 Relational database operations and data access 、 Non-relational database operations and data access 、 Native Node.js Development Web Applications 、Web Development workflow 、Node.js Development Blog Case study .

· Rapid development framework ：

Express brief introduction +MVC brief introduction 、Express Commonly used API、Express Routing module 、Jade/Ejs Module engine 、 Use Express restructure Blog Case study 、Koa And other common MVC frame .

·Node.js Develop e-commerce practice ：

Requirements and design 、 Account modular registration login 、 Member center module 、 Foreground display module 、 The shopping cart , Order and settlement 、 Online customer service instant messaging module .

Life summary

People often say that , The front end is simple , studious . Iconicity Java One Spring The frame used nearly 20 Years is still the mainstream , There are not only many front-end frameworks, but also continuous updates , Maybe tomorrow the new framework will stand out , You still have to learn . No one dares to say that nothing in this world is unchanging , Maybe it will change in the next moment , And what we have to do is just ： The picture is in abundance , Frugality in leisure ; Don't forget chaos , never relax your vigilance while you live in peace . Thank you. .