Maison > interface Web > tutoriel HTML > 学习前端的这一年_html/css_WEB-ITnose

学习前端的这一年_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 08:59:38
original
1075 Les gens l'ont consulté

昨天考完大学最后一门课程,开启寒假模式。下学期就是应付下毕业设计,然后收拾东西,滚蛋。

前端之路

学习前端前前后后加起来也有一年时间,在迷茫中探索,走了很多弯路。但希望后来人少重复这些弯路。

入坑

13年因为实习公司需要从ios跳到cocos-2dx,学了大半年,写了点东西。去年的这个时候又因为需要,开始接触前端。

从面相对象转到面相原型和标签,刚开始真是一头雾水,仍记得去年为了赶项(练)目(手),抱着一本 HTML5+CSS3从入门到精通 以及一本 jQuery开发从入门到精通 ,大年初二晚上抱着两块砖头在房间里啃。为了快速补血,又在网上找了很多快餐,比如

  • 看了 w3school ,我也是很久之后才发现,这货不是叫w3cschool。
  • 买了 超实用的CSS代码段 , 超实用的jQuery代码段 , php 从入门到精通 ,这类书。
  • 看了很多形如 HTML5前端工程师从入门到精通 之类的系列视频。
  • 在完全不理解的情况下,直接上手Bootstrap。

以上所做的这一切都是为了证明一件事,在完全没有前端开发基础的情况下,急于求成,简直就是在 浪费时间

意识到这一点的时候已经过去了3个多月,然后接着又学了ThinkPhp,微信公众号开发,配置服务器等等很多很杂的内容,都是边做边学。

参加了两次前端会议(前期没有留意),基本行程就是听大神们在讨论些什么,后面自己慢慢摸索,学到蛮多东西,也认识到更多人。

在创业公司做的工作算是比较简单,官网,后台页面,app中的WebView页面,也做过几个H5页面。

除了在创业公司做的工作之外,我做的一些小东西:

  • w3ctrain, 也就是你现在看到的博客,翻译 + 自己总结的文章有50多篇,算是高产了吧~
  • 前端收藏夹,接触的东西多了,Chrome收藏夹也快爆掉,于是弄了个前端资源收藏夹。
  • helkyle.com ,现在就是纯个人页面。

前端装备的变化

var equipment = {  "编辑器": Dreamweaver -> HBuilder -> Sublime Text -> Atom,  // IE 233  "浏览器":Safari -> Google Chrome + QQ浏览器 + 虚拟机IE,  // CodeKit很方便,但是能做的功能非常有限  "预处理工具": CodeKit(Mac) -> Gulp,  // LESS Sass Stylus 其实都差不多  "CSS": CSS -> LESS -> Sass,  "HTML": HTML -> Jade,  // 偶尔也还会用到SVN  "版本控制": Git -> GitFlow,  // Macbook不是刚需,但是绝对能提高你的开发效率  "硬件": 黑苹果 -> MBP,	  "翻墙":jProxy(被封了) -> shadowSock,  "静态博客系统": jekyll -> hexo,  "待办任务": trello -> 奇妙清单,  "图片压缩工具": 智图 -> tinypng -> gulp-imagemin,  "服务器端": php -> node.js (正在做),  "微信开发调试": Charles,  "工具": [    "Emmet",    "Pomodoro Time",    "Hype 3",  ]}
Copier après la connexion

关于前端入门,我的建议:

  1. 确定你的兴趣点,确认你真的对前端感兴趣
  2. 学好基础,我觉得不错的学习资源

    • JavaScript高级编程
    • CSS禅意花园
    • HTTP权威指南
    • JavaScript设计模式
    • 慕课网
    • Learn to Code HTML & CSS
    • 入门到精通系列的东西不要看太多
    • 更全的学习入门建议看 这里
  3. 搞点小项目做做,推荐从搭建博客开始
  4. 每隔一段时间总结最近学了些什么,发文章
  5. 多关注前端大神在讨论些什么,w3ctrian这个微博的关注列表可以考虑
  6. 参加些前端会议,比如 前端圈

谨慎选择:并不一定适合所有人。

关于面试

9月份校招开始,由于种种原因(比如宿舍没有人在找工作),错过了很多招聘,等到10月份,大公司基本招完。所以校招我只面了4399,微众银行,均在二面被刷。

前两天晚上,辗转反侧,可能是因为喝了3杯咖啡。想的东西无非是,

噢,我还是个没有找到工作的家伙。

如果你有合适的工作推荐给我 或在线查看 我的简历 。

给师弟师妹的一点建议( 在有一定技术支撑的情况下 ):

  • 提前 做好准备,查漏补缺。
  • 写好简历 ,身边不少简历直接被刷,根本没有笔试机会。
  • 刷些 前端面试题 —— 有两次电话面试的题目都在这些里面出的。
  • 看运气 ,面4399的时候,问我为什么要离开现在的创业公司,是不是想学两年技术之后再跳槽回去? 微信银行二面问为什么不读研,家里人情况,技术面出现这种问题,基本上可以断定,对方是在敷衍你,你可以下课了。

计划

这是我收集的一些名词,也是我下一年度要学的东西,然而前端的世界变化非常快,可能下一年这些东西都成为下一批淘汰品,谁也说不定。

Node Express AMD Angular Jasmine HTTP JS-Bridge Vue SPA PostCSS Babel ES2016 MVVM React Webpack Hybrid ionic.
Copier après la connexion

谁不是摸着石头过河呢。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal