重新出发:我的2015总结和2016计划_html/css_WEB-ITnose
工作这四年多,几乎每年都看到一些同学分享自己的年终总结,但大多看过了就忘了。自从去年底接触到前端行业里大牛们的总结,让我触动很大,大牛们短短一年时间竟能学习这么多东西,而我自己一年到头看似忙碌,但是沉淀下来的知识其实并没有多少。所以今年也想东施效颦一把,把今年做的事、学的知识总结记录下来,很多东西可能显得幼稚浅薄,但是应该留下这些成长的足迹,鞭策自己不断进步。
一、2015我都做了什么?
【工作】
转岗:
年初在凤凰网从专题编辑转去做专做H5,从内容策划、设计、开发、推广几乎一手包办,但是在不断学习的过程中发现有些力不从心,因为这每一项工作在业内都有独立的岗位在负责,都需要极强的专业能力才能做好,而我这样样做难免样样都不精。我开始意识到我需要转变,需要专注于其中一项。而在学习过程中,我发现自己对开发的喜好有时候达到了废寝忘食的程度,所以就有了接下来想换工作的念头。
专注:
于是在下半年,我来了滴滴,专职做web前端开发。在滴滴这不到半年时间,我从原先门外汉摸索着前进的方式,一下子进入到了专业的工程化生产的方式,经历了滴滴巴士的webapp2.0升级、包车业务、webapp3.0升级,学习的知识从backbone、react、less、fis不一而足……(下面再单独总结)
【学习】
2015年初其实并没有给自己定下全年的学习规划,只是开年的时候先自己看视频开始自学javascript,然后借着自己一点点html和css的基础知识,照葫芦画瓢做一些简单demo,然后每隔一段时间回顾自己知识的缺失,确定下一阶段的学习目标。等跳槽到滴滴之后,我才开始规划自己下半年的学习内容,并结合自己工作的需要不断调整学习目标。
以下表格是下半年的学习计划和完成程度:
8月 | Backbone | 70% | 对model的使用不熟练,对框架的实现源码没有研读过 |
8月 | Less | 20% | 只是会用基础,高级用法和原理并不了解 |
8月 | Fis | 60% | 只是会用基本指令,简单书写配置文件,高级用法不熟悉 |
8月 | Git | 80% | 会用,能配合团队工作 |
8月 | 《DOM的编程艺术》 | 90% | 基本跟着章节手敲完全部demo |
8月-12月 | 《javascript高级程序设计》 | 80% | 研读了里面的所有章节,跟敲大部分例子,但很多深入的知识并不足够明白,需要再次阅读 |
8月-12月 | 《图解CSS3》 | 90% | 研读完所有章节,但并未跟敲全部例子,只是在工作中针对性使用和查阅 |
9月-10月 | Node | 5% | 只是学习了一些基础,但是学习期间工作上陆续经历了几次大的项目,就搁置了,2016年要捡起来 |
11月 | 《ES6入门》 | 70% | 研读完所有章节,但是没有跟敲所有例子,只是在工作中针对性使用和查阅 |
11月-12月 | React、Redux | 60% | 了解基本工作原理和常用api,只是达到了能用的程度,仍需练习和提高 |
12月 | 腾讯地图API | 75% | 基本了解常用功能,并用到项目中 |
学习效果总结:
优:
1.基本按照计划,坚持执行了大多数的学习任务
2.重视基础,把基础内容投入较大精力
缺:
1.知识只是做到了能用,对于其原理了解得并不深入
2.有学习项目搁置(Node)的情况,自我规划和自制力不足
3.知识仅局限于前端领域
附:
1、学习过的知识文件树图
2015work1.png
2015work2.png
2、阅读技术书籍截图(还有一本《锋利的jQuery》读的实体书)
IMG_0780.PNG
IMG_0781.PNG
二、2016我想做什么?
【工作和学习】
我希望两年内成为优秀的web前端工作者,“优秀”应该达到什么标准?需要学习什么?
附:
前端工程师知识结构图
前端知识结构图.jpg
这张知识结构图很经典了,能够基本描绘出一个优秀前端应该具备的知识结构。朝着这个目标,我为自己2016年的学习做了如下计划(只是目前想到的,还需根据工作需要调整,具体已拆分到前两个季度中):
1.JavaScript
React Api熟练掌握(熟读中文api后看英文api)
ES6熟练掌握(熟读es6入门基础,并运用到webapp项目中,寻找es6原文指引阅读)
腾讯地图Api熟练掌握(熟读api并运用,还应自主开发一个小型js库,提升效率)
svg动画制作(解决loading动画的问题)
zepto、underscore源码阅读
跨域的几种方法实践
2.工具学习
fis高阶应用,如何配置fis-conf.js
webpack
3.CSS
less的深入学习
《css权威指南》通读
ios9的css3新属性学习
4.服务器开发
node.js
相关知识:数据库、数据结构
搞一个自己的博客
【生活上的计划】
1.多回家陪陪爸妈,2016年至少回家3次
2.争取每周都去锻炼,保持好身体状态
3.多出去走走,多认识一些业内的优秀同行(这个就不要定kpi了……把人列成kpi感觉不够尊重)

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義,使用、、等標籤。 2.提供語義化標記,如、、等,提升SEO效果。 3.通過標籤實現用戶交互,需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號,需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容,使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增強WebevebDevelopment。
