前端程序员:月薪 5K 到 5 万
入行行头:5 大硬件
请准备好以下东西
一颗人类的大脑:智商在平均水平线以上即可
一份强烈的渴望:我的代码要可以运行在任何一个有浏览器的设备上。
一台笔记本电脑:不需要花费很多钱得那种,只要它可以运行 Windows, Mac OS X, 或 Linux 系统。当然你也可以只用一台台式机,但是那样就不能带着它坐在咖啡馆里…
一个文本编辑器:可以推荐的比如 Atom,Visual Studio Code, TextMate, 它们都有在 Mac OS, Windows 的免费版本,什么还有 Sublime, WebStorm? 啊,那些都很流行,不过需要需要一笔不少于 70 美元的花费…
一个FQ代理:这个大家都懂的,我就不解释了
初级资质要求
一些专业基础
你需要学会浏览器能理解的三大语言:HTML, CSS, Javascript – 神圣的三位一体!
非常重要的一点是,一定要理解这三大语言后再去学习别的,确保知道怎样在各种尺寸的屏幕上排列好你的网页,怎样在一个按钮被按下后 do something!
一些很有用的学习资源
Codeacademy: interactive, code-along tutorials (this site is the bomb btw)
Web Development for Beginners: article from webplatform.org.
MDN:https://developer.mozilla.org/en-US/docs/Web
中级进阶路径一旦掌握了三大语言,就可以开始学习专业的开发流程啦:
Command line:好吧,命令行也许都会,但是要掌握最基本的操作,熟悉怎样配置你的环境,还有那些奇怪的 shell 脚本,因为你会经常用到它们。
CSS 已经不够用了,我们有了 CSS 的预处理:Sass, LESS。
知道如何搭建一个 build 系统:Gulp 或 Grunt 这类的构建任务脚本器,编译 LESS 成 CSS, concatenating Javascript, minify 压缩静态资源, 选一个异步或同步的方式加载它们,然后一个好的 build 系统要能自动做到那些,包括一个本地的 web 服务器用于测试代码。
代码版本管理,git。
在 github 上分享你的代码!
部署! 让你的网站上线。可以找一个免费的服务提供商,比如 heroku.com, https://pages.github.com
这些几乎就是现代前端开发者会用到的工具和技术,好了,你现在可以成为一个前端开发工程师了。
高级炸裂装备
你已经能够为你的朋友的业务搭建一个网站了,简洁的排版,高清大照片,你成功了,它甚至在你的手机都看着很棒。那么还有什么值得学的?
把你的网站和一个内容管理系统 (CMS)集成在一起。一个 CMS 能够让你通过用户界面增、删、改、组织你的内容,不需要任何代码。这就是那些博客网站如何工作的。比如免费的 WordPress,去熟悉一个开源的 CMS 吧,会很有用的。
学习怎样搭建一个 CMS,意味着你讲要熟悉一个服务器端的语言,比如 Node.js, 或 PHP,然后你还会想要知道怎样和数据库打交道,比如 MySql 或者 MongoDB。
来熟悉一种 Javascript 框架吧,这样你可以真正的搭建一个交互出色的 web 应用,那真的很重要,比如 Angular, React, Ember。只要挑一个你喜欢的,但是一定要精通它。
Javascript design patterns,javascript 也有设计模式? 是的,读一下吧。
突破天际的大招
沟通技巧!你需要和你的小伙伴们沟通,他们是你的 coder 伙伴,你的老板,你的用户,你的….stackoverflow.com, 有问题找 stackoverflow,扩展一下人脉把,上 meetup.com, 在博客上写一些你的学习体验, 在 Gitgub 贡献一下你的 Pull request。
界面设计和用户体验设计 UI/UX design,前段开发的小伙伴需要具备基本的 UI/UX 设计知识。
搜索优化,要知道怎样提高网站的搜索排名,更容易被人们搜索到。
CSS 过度效果,给你的按钮写一个 hover 的 CSS 动画,还有你的从右边滑入的导航菜单也需要一个平滑的动画。
关于性能,让你的网站尽可能快的被加载,减少 DOM 的 reflow 和 repaint 操作,防止滚动性能瓶颈,优化 Javascript, FQ读一读这个吧 google web developer fundamentals。
用一些测试框架来实现 Javascript 单元测试,比如 Jasmine,QUnit。
持续集成 Continuous integration (CI),知道怎样配置一套和伙伴们一起使用的自动测试和部署的工具,比如 CircleCI, Travis CI, Jenkins.
超好用的其他加成技能
↓↓↓这些并非必须,但能帮你脱颖而出:
用 CSS3, SVG, Canvas API 实现动画。
后端开发, Node.js
最后:去找工作吧!
有了技能是不够的,你需要能展示它们,你还能干的是:
搭建一个小网站,公开你的 gitub 代码库,确保你的代码和文档清楚漂亮,还有一份 README
去 meetup.com 找你的老板或者投资人吧,开一个博客,申请一个 linkedin 帐号
因为 web 技术总是在变化,最后,即使找到了一份称心的工作,还是需要 stay motivated, 你需要时常去下面这些地方转转:CSS Tricks,SitePoint,Smashing Magazine
当然还有些像 CSDN 这样中文社区,总之遇到任何难题,社区里有总有乐于助人的。
保持好的职业态度:Stay humble, and build cool shit
前端程序员:月薪 5K 到 5 万的更多相关文章
- 前端程序员:月薪 5K 到 5 万,我干了啥(转)
转自:http://www.imooc.com/article/4110 前端程序员:月薪 5K 到 5 万,我干了啥前端开发工作已经变的越来越复杂,仅仅是想罗列一份前端开发的学习列表就已经是一件艰巨 ...
- web前端程序员真的值这么多钱吗?
对于互联网公司来说用户就是上帝,做好客户体验一切才有可能.所以互联网公司都会把钱砸向前端,Web前端程序员也越来越受到企业争相聘用. 前端工程师工资也越来越高,目前Web前端工程师工作1~2年后通常会 ...
- 【原文】前端程序员必须知道的高性能Javascript知识
原文:前端程序员必须知道的高性能Javascript知识 想必大家都知道,JavaScrip是全栈开发语言,浏览器,手机,服务器端都可以看到JS的身影. 本文会分享一些高效的JavaScript的最佳 ...
- 2018年一名合格的web前端程序员应该会哪些技术
有朋友让小编说一说web前端在未来几年的发展趋向,对于这个问题,恕小编无能为力,web前端技术日新月异,更新非常快,谁也不能预料未来会发生些什么 小编也只能说在2018年,react native和j ...
- 前端程序员学习 Golang gin 框架实战笔记之一开始玩 gin
原文链接 我是一名五六年经验的前端程序员,现在准备学习一下 Golang 的后端框架 gin. 以下是我的学习实战经验,记录下来,供大家参考. https://github.com/gin-gonic ...
- 前端程序员:月薪 5K 到 5 万,我干了啥
高贵的前端程序猿们: 如何在前端开发这种高精尖的技术领域找到心仪的工作?实现在咖啡馆喝喝咖啡敲敲代码就能升职加薪.买房买车.迎娶白富美走上人生巅峰的职业梦想?这篇<进化论:从 0 到 100,前 ...
- 转载:java程序员如何拿到2万月薪
作者:匿名用户链接:https://www.zhihu.com/question/39890405/answer/83676977来源:知乎 著作权归作者所有.商业转载请联系作者获得授权,非商业转载请 ...
- Java程序员月薪三万,需要技术达到什么水平?
最近跟朋友在一起聚会的时候,提了一个问题,说 Java 程序员如何能月薪达到二万,技术水平需要达到什么程度?人回答说这只能是大企业或者互联网企业工程师才能拿到.也许是的,小公司或者非互联网企业拿二万的 ...
- 猿灯塔:Java程序员月薪三万,需要技术达到什么水平?
最近跟朋友在一起聚会的时候,提了一个问题,说Java程序员如何能月薪达到二万,技术水平需要达到什么程度?人回答说这只能是大企业或者互联网企业工程师才能拿到.也许是的,小公司或者非互联网企业拿二万的不太 ...
- 收集的WEB前端程序员需要的网站整理
前端学习资源实在是又多又广,在这样的一个知识的海洋里,我们像一块海绵一样吸收,想要快速提高效率,平时的总结不可缺少,以下总结了一些,排版自我感觉良好,推送出来. 一.插件类网站 jQuery插件库:h ...
随机推荐
- (转)SDL2.0在mfc窗口中显示yuv的一种方法
DWORD ThreadFun() { //用mfc窗口句柄创建一个sdl window SDL_Window * pWindow = SDL_CreateWindowFrom( (voi ...
- Linux 获取登录者IP
在linux中有时须要获得登录者的IP,这里有两种方法.先使用who am i 获取登录IP,然后截取字符串: 1.awk截取,sed替换 who am i | awk '{print $5}' | ...
- C# 使用SkinSharp皮肤库
SkinSharp是Windows环境下一款强大的通用换肤库. SkinSharp作为通用换肤库,只需要在您的程序中添加一行代码,就能让您的界面焕然一新,并拥有多种主题风格和色调的动态切换功能以及Ae ...
- php如何定时执行任务
PHP的实现决定了它没有Java和.Net这种AppServer的概念, 而http协议是一个无状态的协议, php只能被用户触发, 被调用, 调用后会自动退出内存, 没有常驻内存, 就没有办法准确的 ...
- php对gzip的使用(实例)
代码如下: if (!function_exists('gzdecode')) { function gzdecode ($data) { $flags = ord(substr($data, 3, ...
- Tomcat 配置 项目 到tomcat目录外面 和 域名绑定访问(api接口、前端网站、后台管理网站)
先停止tomcat服务 1.进入apache-tomcat-7.0.68/conf/Catalina/localhost(如果之前还都没有启动过tomcat,是不会有此目录的,先启动一次再关闭,会自动 ...
- jquery获取当前select下拉选的属性值
body中: <li> <select id="select_phone"></select> <input type="but ...
- MathType中常遇到的几个问题
每次打开别人的论文,发现公式文字都排版得非常整齐,公式也编辑得非常漂亮,看起来就非常得赏心悦目.再打开自己的论文,一片凌乱,自己不想都再看,公式编辑得乱七八糟,符号不够规范,大小不够统一,你自己都觉得 ...
- 用ADO操作数据库的方法步骤
用ADO操作数据库的方法步骤 学习ADO时总结的一些经验 - 技术成就梦想 - 51CTO技术博客 http://freetoskey.blog.51cto.com/1355382/989218 ...
- github前端资源
摘要: 本文将分享我在github上常用的一些插件,可能在开发中你会用到它,希望能够帮助你! 前端技术总结 url : https://github.com/JacksonTian/fks 简述: ...