TNTWeb - 全稱騰訊新聞前端團隊,組內小夥伴在Web前端、NodeJS開發、UI設計、移動APP等大前端領域都有所實踐和積累。
目前團隊主要支援騰訊新聞各業務的前端開發,業務開發之餘也積累沉澱了一些前端基礎設施,賦能業務提效和產品創新。
團隊倡導開源共建,擁有各種技術大牛,團隊Github地址:https://github.com/tnfe
俗話說的好,磨刀不誤砍柴功,瞭解並收藏一些實用性網站,不管是例項教學的個人部落格,還是歸納總結的資源整理,抑或是社群型的大佬雲集地,對於我們的web開發來說,都有著事半功倍的效果。
學習先進技術,共同探討前沿技術,提高自己的內在技術,達到合作共贏。
現在,就讓我們一起來看看他們吧。
一、社群型網站
1.GitHub
GitHub是通過Git進行版本控制的軟體原始碼託管服務平臺。
簡單來說,有以下幾種功能:程式碼託管、學習優秀的開源專案、當資料庫、多人協作、搭建部落格、社交、個人簡歷、寫作等。還有更多功能,等你來發現。
GitHub幾乎是所有程式設計師必備的網站了,不管你從事或者研究的是哪種方向,運用的是哪種語言,GitHub都能給你美好的學習感受。
2.前端裡-專注Web開發技術和資源分享
前端裡專注於分享最前沿的web開發技術,教程、資源和素材,是面向網站開發人員和設計師的學習交流平臺。
3.踏得網-沉浸式網際網路體驗和學習門戶
領先的沉浸式網際網路內容門戶,一站式學習、創作和展示。支援中英文雙語檢索、模糊查詢、線上預覽和編輯。
裡面有很多很酷的動畫和特效,總有一款你中意的。
4.CSS-Tricks
一個國外的優秀前端開發部落格,主要分享使用 CSS 樣式的技巧,經驗和教程等。值得前端開發者閱讀收藏的國外網站。你也可以將自己運用css進行設計的一些心得放上去,和大家一起進行學習借鑑交流。
5.CSDN-專業開發者社群
是全球知名中文IT技術交流平臺,建立於1999年,包含原創部落格、精品問答、職業培訓、技術論壇、資源下載等產品服務,提供原創、優質、完整內容的專業IT技術開發社群。
(這個是小編當初的的學習啟蒙網站,畢竟小編的英文水平也就是just so so,汗顏)
6.JavaScript Fun - 程式碼庫合集(前端工坊)
一個集合當下最流行的 JavaScript 程式碼庫,顯示流行排行,開發者可以輕鬆的找到想要最新的程式碼外掛、工具和部落格。
7.Stack Overflow-程式設計人員問答網
全球IT界最受歡迎的技術問答網站之一,一個解決bug的社群,稱為程式設計界的十萬個為什麼。
8.Codrops-網頁設計開發部落格
(https://tympanus.net/codrops/)
發表技術文章和網頁教程,提供經驗,少踩坑,資源很豐富,很多優秀的技術都是從這裡來的。
二、工具型網站
1.每週訪客報告
(https://t.co/nuLFTvQhcq?amp=1)
一款免費的資料統計工具,可以獲取訪問您網站的使用者資料。
2.小型開發工具
麻雀雖小,五臟俱全。一款操作簡潔明瞭的小型開發工具,可以幫助您完成編碼、解碼、測試等常見任務。
3.視覺型別量化表
一款視覺化線上編輯工具,可以實時編輯樣式,預覽不同樣式之間的差異。
對於css初學者來說,會獲得一種視覺直觀上的體驗,學起來是不是就不那麼枯燥乏味了呢。
4.Responsively
有助於加快響應式Web應用程式的開發,是一款高效率工具。
5.元標籤
Meta Tags 是一種為任何網站除錯和生成元標籤程式碼的工具。您可以編輯和試驗您的內容的標籤,然後預覽您的網頁在 Google、Facebook、Twitter 等上的外觀!
6.ReadMe
在幾分鐘內直觀地建立自述檔案的最簡單方法。
7.線上工具
裡面有很多很有意思的小工具,比如一鍵摳圖、二維碼生成、摩斯電碼、歇後語、favicon線上製作、顏色轉換等,也有可以線上執行程式碼的工具哦~
8.阿里巴巴向量圖示庫
iconfont-國內功能很強大且圖示內容很豐富的向量圖示庫,提供向量圖示下載、線上儲存、格式轉換等功能。阿里巴巴體驗團隊傾力打造,設計和前端開發的便捷工具。
(悄咪咪的說一句:小編對這些小小的,萌萌的圖案毫無抵抗力)
三、線上IDE
1. CodePen
一個網站前端設計開發平臺,針對網站前端程式碼的一個工具,上面有各種效果的案例特效,可以在他們的demo基礎上開發自己的前端設計。
2. CodeSandBox
CodeSandBox網站提供一個線上開發環境的“沙盒”,主流的框架如React、Vue、Angular等,都可即開即用、實時編譯預覽,非常方便。
3. JS Bin
(https://jsbin.com/?html,output)
一個輕量級線上編輯網站,介面很乾淨,臨時想除錯簡單的HTML或JS程式碼可以考慮來這兒試一試。
當然了,網站在精不在多,找到自己喜歡的、適合自己的,然後熟練掌握並使用,時不時發個自己的技術小心得,學習筆記什麼的,不僅可以收穫技術上的提升,還能給自己的記憶尋找一個可以儲存的寶庫,何樂而不為呢。
四、團隊
TNTWeb - 騰訊新聞前端團隊,TNTWeb致力於行業前沿技術探索和團隊成員個人能力提升。為前端開發人員整理出了小程式以及web前端技術領域的最新優質內容,每週更新✨,歡迎star,github地址:github.com/tnfe/TNT-We…