web前端学习路线与书籍推荐

来源:http://www.chinese-glasses.com 作者:Web前端 人气:71 发布时间:2020-03-14
摘要:时间: 2019-11-22阅读: 250标签: 工程师 什么是web前端? 前些日子,在某论坛看到一帖,问「一线城市中小公司的前端10k应该会什么?」,下面有很多回答,大多数回答的是一些会前端三大

时间: 2019-11-22阅读: 250标签: 工程师

什么是web前端?

前些日子,在某论坛看到一帖,问「一线城市中小公司的前端10k应该会什么?」,下面有很多回答,大多数回答的是一些会前端三大基础啊,html,css,JavaScript这些,然后一两个框架。实在是太笼统了,这回做一个总结,写下来,也让更多对编程,对前端感兴趣,并想以此为饭碗的朋友们多了解一下!

在以前,通俗的讲是网页制作,在现在,哼哼,可以参考这篇文章

以下是匿名用户的回答:

http://tieba.baidu.com/p/4817153404

毕业一年,工资9.5k,加上补贴奖励,税后10.5k左右

那么如果高效优雅的学习web呢?

1.html、css、js基础自我感觉良好。语义化、写点css3动画、写写原生js等。

注:以下纯属个人观点,如果不当请指出

2.在学校期间就学了前端用jq、bootstrap做过一些项目,学了vue基础,能简单搭个vue项目。

第一阶段、html(5)+css(3)

3.webpack只能说会用,一般直接配置有些api记得不清楚,需找文档,主要是不用常配,基本项目开头配置一次,中期优化配置。

Html和css是基础中的基础,但对于很多html标签和css属性是平常开发中很难用到的,如果系统的学真的不知道学到猴年马月,所以学会一些常用的就好了,这些基础就不用买书了。推荐跟着慕课网在线敲一下代码,它那里讲的都是一些常用的东西http://www.imooc.com/learn/9

4.vue前后做了2个商业项目(公司主要用的vue+elementUI)。

第二阶段、Javascript Dom

5.react未做过项目,自己找些网站模仿着写点东西(没机会用react做项目)。

在这个阶段,你可以学会怎么用js写一些网页特效啊、交互啊之类的。注:这是js里面最简单最低级的功能,并不是学会了写特效就学会了js。

6.代码基本用上ES6,还有async/await等一些语法。

推荐书籍:《Javascript DOM 编程艺术》

7.略懂一些常见简单的优化,js优化、懒加载等等。

图片 1

8.node的话看过视频跟着做了一个小项目,那时候还学了点mongodb、jade等(不过好久没用,忘记7788了),现在和react配合着,ts+koa+Graphql作为中间层,react+ts做移动端网页。

网站资源推荐:http://www.imooc.com/course/list?c=javascript

9.大学期间学有java基础、Servlet,、DBC,sql等(也好久没写,不过会这些不易被后端忽悠,遇到一些后端问题也会主动求解,加点知识),当时准备学框架时,决定转去学前端(比较有兴趣)。

慕课网上有很多小效果的实现,可以跟着熟悉js的语法规则

**10. ** http没怎么学过,只会看状态码、请求信息之类的(找接口错误常用)。

第三阶段、Jquery

11.git、svn会常用命令,其它需要的时候百度找。

什么是jquery?Jquery是一个js的库。

12.nginx这个之前也配置玩过一下,不熟。

以前有朋友问我,为什么有jquery还要学js,这里大家要搞清楚,jq只是一个库,它把一些常用的繁琐的js方法用自己的方式封装好,便于我们使用,它强大的地方在浏览器兼容,既然提高了兼容性,那么内部肯定有繁琐的条件判断,所以jq的性能会比较偏低。

13.自我认为:分析问题能力比较好,遇到bug基本能快速定位并解决(不像某些人一个坑盖住一个坑的那种)。

jq的插件有很多,可以实现很多效果。

14.主要做的PC端;移动端做过一点,兼容性问题的懂得不多。

所以jquery也是我们学习的基础之一。

15.在学typescript,配合react/node练手熟悉一下。

推荐书籍《锋利的jquery》

16.在看JavaScript设计模式,每周至少看一章,跟着书本写代码,贴到简书更新。

图片 2

推己及人

获取更多案例视频,一起学习交流的html5技术交流,解答、群 250777811  群文件上传了很多的项目实战,大家可以练练手

情况大概就是这么个情况,土哥看评论区,有人赞同的,说「好像看到了自己」,也有人酸的,说「会的东西几乎一样,然而我只有6k」,还有的说「妈的,感觉我工资低了」。

第四阶段、一个UI-库(bootstrap or other)

说一句,推己及人,没有对比就没有伤害。决定你薪水多少的是你入职前的面试表现,一个能力强但不会表达,一个能力一般但会吹,你觉得谁会拿到offer/薪水高一些呢?

既然javascript有库(jquery),那么css呢?

关于薪水

没错,一般css的库叫做ui库,或者叫做css框架,比如bootstrap,以下简称bs,我们学习bs的目的是什么?

该匿名用户后来也更新了一段文字,做了简要补充,税前9.5k,进公司早,绩效100%,资历1.5 x 平均每个月0.8绩效,餐补每天25,交通通讯一共200。公积金按最低的交3200 x 5%,五险也是最低标准。

1.学习优雅的css命名规范

并不是一毕业就9.5k。面试时实习报了个低价4k,转正6k;随后表示不想留,公司对我能力也算认可,涨到6.4k,转正8k;今年初遇上部门调薪而且年前找领导提过加薪,最终涨1.5k。上年还获得优秀员工(小公司,20人中的3个人获得)。

2.学习什么是可复用的web组件,为什么要复用这些组件

抖个金句

3.提高开发效率

围观别人的回答,就像照镜子,总会在一些细节上,无意间想到了自己。

Bootstrap中文文档http://v3.bootcss.com/

其实,你在一线城市越往上爬,挣得越来越多,还是会存在焦虑,人到三十,慌的一匹,想想你在早高峰挤地铁,在格子间吃外卖,在北上广996加班,晚上回到租住的几平米地方,往床上一瘫,唉,有时候想想,即使年薪百万,咱们技术人活得也不如一只鸭。

学完这些,你也应该入门前端了。学完以上四个部分你应该会:

1)高度还原psd设计稿;(简称切图)

附上切图教程http://www.imooc.com/learn/506

2)会熟练使用浏览器调试工具

Web调试工具:http://www.imooc.com/learn/137

3)看的懂别人写的网页,会修修改改

如果这些你都会,4k+月薪没问题

进阶(以下知识点不分前后)

l移动端页面制作

会写pc端页面还远远不够,我们还得会写移动端页面:

稍微复杂点的flex布局、响应式布局和移动端基础知识:

http://www.imooc.com/learn/494

很简单的rem布局:

http://caibaojian.com/flexible-js.html

l混合APP开发

什么是混合app开发?

原生的android、ios应用我们称之为nativeApp。

运行在网页的app我们称之为webapp,比如淘宝触屏版。

混合App其实就是原生态App与Web App的结合,简单说混合App拥有原生App的外壳,内部的展现都是通过Web App的H5技术实现,在通俗点就是可以用html5技术写一个可以安装在手机上的应用,这个应用可以扩展一些js功能,比如访问手机硬件等等。

H5+与mui:http://www.dcloud.io/

lJavascript高级部分

我们之前说过js远不是写写特效那么简单,这里我们学习:

a.Ajax

什么是ajax?

Ajax就是前端与后台交互,实现数据获取、异步请求等等。

这方面知识百度很多

本文由10bet发布于Web前端,转载请注明出处:web前端学习路线与书籍推荐

关键词:

最火资讯