After going to university, I found that the major I was transferred (Geographic Information Science) was not the geography major I imagined, but a hybrid major of geography and computer science. Our major is the only computer-related major in our college.
Although our major also learns the front end, we only teach the basics of html, css, and js, and we haven't learned much knowledge. In addition, the freshmen and sophomores played all the time, and the juniors began to wake up. In the next semester of the juniors, I will teach a course. From then on, I really started my front-end learning journey.
Our subject is set by ourselves. I don't like to do things that are obsessed with stereotypes, so I planned to make a web version of my resume. At that time, I thought it might be useful in the future.
Let me introduce my little gadget here (actually it wasn’t finished at the time, I’m too lazy to continue later hahaha).
My overall idea is to make it into a universe of my skills, and then use fullpage.js on the homepage to realize full-screen page turning. There are four pages. The first page, personal information introduction; the second page, skills black hole; the third page, personal experience; the fourth page, nothing.
I used ps to adjust the overall tone of the background pictures on the four pages, and added some transition effects so that turning pages would not look too abrupt.
On the first page, there is a Chinese-English switch and an information bubble, which is relatively simple.
On the second page, I display each of my skill points as an asteroid. There is a black hole in the middle of the page. Drag the skill planet into the black hole, it will have the effect of being absorbed by the black hole, and then jump to the page to show the specific skill display.
On the third page, there are spaceships in the starry sky, and each object is an experience. Click to view the details.
On the fourth page, there is nothing, just to make it complete.
On the whole, I mainly wanted to practice layout and animation. Although I didn't finish it in the end, I also benefited a lot. As for the skill tree on the second page, I simply did the webgis part.
There are roughly three menus.
【Where do you want to go】Choose the way of travel first, then enter the city you want to go, the starting point, and the ending point, and then the route plan will be displayed for you.
【What's the weather】Where you want to go, you can check the weather there first.
[What's nearby] What can you do there? You can query the surrounding area according to the scope, or query according to the keyword.
The above is the main content of my curriculum vitae web version resume. At that time, I just started to study the front-end seriously, and it was relatively rough. Please be patient, gentlemen.
At the same time, I also made a simple calculator. Hahaha, I was bored at the time, and the function was very simple.
Looking back on the past, I still miss it very much. Fortunately, I transferred a computer-related major, and our major is very easy.
When I first entered university, I still thought that I must change my major to a serious computer major, but after a year of study, this idea completely disappeared. You can learn some computer knowledge (although most of them are back-end c#), and you can easily spend your college years.
How easy is it? Since I was two days late when I registered at the university, I was assigned to a mixed dormitory, with six people and four majors in the dormitory, and the dormitory building was not our college. Every time my roommates go to class, I play games in the dormitory, and when they come back, I still play games in the dormitory. Therefore, they called me geographic information and comfort, and claimed many times that they would report to cancel our major, hahaha. Although we have few classes, the exam is also very easy. It's over after a little memorization, ^0^.