TNTWeb-the full name of Tencent News front-end team, the small partners in the group have practiced and accumulated in the front-end fields such as Web front-end, NodeJS development, UI design, and mobile APP.
At present, the team mainly supports the front-end development of Tencent News's various businesses. In addition to business development, it has also accumulated some front-end infrastructure to empower business efficiency and product innovation.
The team advocates open source and co-construction, and has a variety of technical experts. The team’s Github address: https://github.com/tnfe
As the saying goes, sharpen your knife and don’t cut firewood by mistake, understand and collect some practical websites, whether it’s a personal blog for example teaching, a summary of resources, or a gathering of community-based bigwigs, for our web In terms of development, both have the effect of getting twice the result with half the effort.
Learn advanced technology, discuss cutting-edge technology together, improve one's own internal technology, and achieve win-win cooperation.
Now, let us take a look at them.
1. Community-based website
1.GitHub
GitHub is the version control software source code hosting service platform Git
Simply put, there are the following functions: code hosting, learning excellent open source projects, working as a database, multi-person collaboration, building blogs, social networking, personal resume, writing, etc. There are more features waiting for you to discover.
GitHub is almost a must-have website for all programmers. No matter which direction you are engaged in or researching, and which language you use, GitHub can give you a good learning experience.
2. In the front end-focus on web development technology and resource sharing
The front-end focuses on sharing the most cutting-edge web development technologies, tutorials, resources and materials. It is a learning and communication platform for website developers and designers.
3. Stepnet-an immersive Internet experience and learning portal
Leading immersive Internet content portal, one-stop learning, creation and display. Support Chinese and English bilingual search, fuzzy query, online preview and editing.
There are a lot of cool animations and special effects, there is always one you like.
4.CSS-Tricks
A foreign excellent front-end development blog, mainly sharing the skills, experience and tutorials of using CSS styles. It is worth reading the collection of foreign websites for front-end developers. You can also put up some of your own experience using css to design, and learn and share with everyone.
5.CSDN-professional developer community
It is a world-renowned Chinese IT technology exchange platform. Founded in 1999, it includes original blogs, quality Q&A, vocational training, technical forums, resource downloads and other product services, providing original, high-quality, and complete content professional IT technology development communities.
(This is the original learning enlightenment website of the editor. After all, the English level of the editor is just so so, ashamed)
6. JavaScript Fun-Collection of code libraries (front-end workshop)
A collection of the most popular JavaScript code libraries at the moment, showing the popular rankings, and developers can easily find the latest code plugins, tools and blogs.
7. Stack Overflow-Programmer Q&A Network
One of the most popular technical Q&A websites in the global IT industry, a community that solves bugs, is called the 100,000 whys in the programming world.
8. Codrops-Web Design Development Blog
(https://tympanus.net/codrops/)
Publish technical articles and webpage tutorials, provide experience, less pitfalls, rich resources, and many excellent technologies come from here.
2. Tool-based website
1. Weekly visitor report
(https://t.co/nuLFTvQhcq?amp=1)
A free statistical tool, you can get the data of users who visit your website.
2. Small development tools
Small but complete. A small development tool with simple and clear operation that can help you complete common tasks such as encoding, decoding, and testing.
3. Visual type quantification table
A visual online editing tool that can edit styles in real time and preview the differences between different styles.
For css beginners, they will get a visual and intuitive experience. Isn't it less boring to learn?
4.Responsively
It helps to speed up the development of responsive web applications and is a highly efficient tool.
5. Meta tags
Meta Tags is a tool for debugging and generating meta tag code for any website. You can edit and experiment with the tags of your content, and then preview how your web page looks on Google, Facebook, Twitter, etc.!
6.ReadMe
The easiest way to visually create a readme file in minutes.
7. Online tools
There are many interesting gadgets, such as one-click mapping, QR code generation, Morse code, Xiehouyu, favicon online production, color conversion, etc. There are also tools that can run the code online~
8. Alibaba vector icon library
iconfont-a vector icon library with powerful domestic functions and rich icon content, providing vector icon download, online storage, format conversion and other functions. The Alibaba experience team is dedicated to creating, designing and convenient tools for front-end development.
(Quietly Mimi said: Xiaobian has no resistance to these small, cute patterns)
Three, online IDE
1. CodePen
A website front-end design and development platform, a tool for the front-end code of the website, there are various effect case special effects on it, and you can develop your own front-end design based on their demo.
2. CodeSandBox
The CodeSandBox website provides a "sandbox" of an online development environment. The mainstream frameworks such as React, Vue, Angular, etc., can be used out of the box and compiled and previewed in real time, which is very convenient.
3. JS Bin
(https://jsbin.com/?html,output)
A lightweight online editing website with a clean interface. If you want to debug simple HTML or JS code temporarily, you can consider to try it here.
Of course, the website is not very refined, find what you like and suit you, and then master and use it proficiently. From time to time, you can post your own skills carefully, study notes and so on. Not only can you gain technical improvement, but also give yourself Looking for a treasure trove of memories that can be stored, why not do it.
Fourth, the team
TNTWeb-Tencent news front-end team, TNTWeb is committed to the industry's cutting-edge technology exploration and the improvement of team members' personal capabilities. We have compiled the latest high-quality content in the field of small programs and web front-end technology for front-end developers, updated weekly✨, welcome to star, github address: github.com/tnfe/TNT-We...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。