学 Web 前端开发,培训还是自学靠谱?-铸造模具|软件-前端开发,培训,还是,自学,靠谱-铸造论坛

头条

新型环保电炉捞渣铲

能耐1700多度高温,捞渣时不需要除渣剂,具有省时省力省除渣剂等优点,是铸造企业增效降本必备利器,愿与同行分享,共同进步,15995981077 [video=http://lapimg.zz361.com/pic/20210627/1624781859837678_45.jpg]http://lapimg.zz361.com/video/20210627/1624781858077...

铸造论坛»技术交流 铸造技术交流 铸造模具|软件 学 Web 前端开发,培训还是自学靠谱?
12下一页
返回列表 发新帖
查看: 2855|回复: 21

学 Web 前端开发,培训还是自学靠谱?

[复制链接]
扫一扫,手机访问本帖
发表于 2021-1-27 13:19:47 | 显示全部楼层 |阅读模式
铸造app,铸造论坛app
约5秒
语音朗读

让她来帮助你!

点击邀请
学 Web 前端开发,培训还是自学靠谱?
「帮助大家,鼓励一下」
发表于 2021-1-27 13:20:03 | 显示全部楼层
铸造app,铸造论坛app
如果姑娘不介意,来,把手伸过来,让叔手把手一对一教你,另外,把头靠过来一点,这样方便我跟你讲话,最好再近一点嗯嗯,这样学习前端才最靠谱,哈,开个玩笑。培训靠不靠谱我不知道,对于我这种智商拙计的人来说,看书自学是挺靠谱的,毕竟智商低老师讲课我听不懂嘛,复习的时候不能倒带,让老师反反复复在讲台上单曲循环,也不能把老师绑在身边,让我能够在做练习的时候碰到不懂东西可以随时提问。 前面有许多人都分享了各种学习资源,不过貌似就是没人分享书单,那么我来给大家分享下我的自学前端所用的书单吧。看书又累又慢?谁让我拙呢,只能靠勤来补了,不然还能怎样呢。这些书效果非常不错,20个月前,我还是一个 local 广告公司的苦逼 copy ,现在是一个能够独当一面的前端工程尸了呢,收入也翻了许多倍呢,mac这种高大上的从前想都不敢想的东西,现在可以天天摸了有木有。下面的时间是我当时学习的时候的所用的时间,每天大约学习 3~4 个小时这样吧,每周大约会偷懒 1~2 天,OK 进入正题。
第一步:入门 html & css ,用时 2 周Head First HTML与CSS(第2版) (豆瓣)head first 系列的书一直很受初学者欢迎,语言诙谐,图片丰富,行大字稀,这本 700 多页的书 2 周左右就能看完。此书的用法非常简单,只需打开代码编辑器跟着作者的思路敲下去就可以了,一个个小案例从自己手上被敲出来,还真的很有成就感呢,因为是写给初学者的书,它假设读者没有任何相关的背景知识,新碰到的知识点,会用各种各样的图片说明一遍,生怕读者不懂。这本书学完,只要不是太复杂的页面,基本上能够临摹出一套长相上差不多的了吧。
第二步: 入门 javascript ,用时 3 周JavaScript DOM编程艺术 (第2版) (豆瓣)这本书很薄, 280 多页,一开始看的时候,其实我是拒绝的,因为当时我的编程基础只有能够用 c 写出让别人输入两个整数然后打印出这两个数相加结果这种程序的水平。然而即便如此,这本书依然能够让我看得懂。此书前言的第一句就说了,“它不是专门写给程序员的,而主要是写给 Web 设计师的。具体的说,本书是为那些喜欢使用 CSS 和 HTML 并愿意遵守编程规范的 Web 设计师们编写的。”好吧,虽然也不是写给我这种初学的傻子的,但反正只要它不是写给程序员的就好,因为当时我不是程序员啊,当然我也不是设计师,但我会写一丁丁 HTML 和 CSS ,这就够了。这本书跟上本书一样,新碰到的知识点,会专门用案例介绍一番,让人在不带着太多疑问包袱的情况下跟着作者的思路走,用法也跟上一本书一样,跟着作者的思路用编辑器一路敲下去,然后你会发现,自己能够给网页加特技了,duang~duang~ 棒棒的。
第三步:入门 jQuery,用时 3~4 周锋利的jQuery (豆瓣)这本书只需要看 1-9 章就够了,也就是 290 页左右的内容。看完 《JavaScript DOM 编程艺术》 可能会觉得里面的程序很繁琐,想要达到一些目的经常需要拐来拐去的。那么 jQuery 会解决这种繁琐,做到它所标榜的 write less, do more , 也因此 jQuery 成为了几乎所有前端工程师必须要掌握的一个工具。这本书的内容有些啰嗦和跳跃,后面几章甚至还有错误,不过有上一本书的作为基础,配合搜索引擎是能够解决看着本书时碰到的绝大部分疑问的。打开编辑器跟着作者的思路把书上的例子都敲出来跑一遍,另外把最后的案例吃透。 jQuery 就算是入门了。
最重要的一步:复习巩固,用时 6~12 周
OK 至此, 入门学习已经完成,接下来是复习巩固,这才是学习的真谛。这一步,不能省略,不能省略,不能省略,重要的事情说三遍,否则会像一个学习了各种格斗技巧,但却廋得皮包骨连站稳都吃力的人一样毫无战斗力。此时可以用之前所学配合着搜索引擎模仿一些自己认为觉得好看的页面,学习使用一些第三方插件,大量模仿。无他,唯手熟尔。
这里列出一些在这个阶段有可能会用到的工具书和一些网络资源,希望能有所帮助。
工具书:
JavaScript高级程序设计(第3版) (豆瓣)
一本全面介绍原生 JavaScript 编程的书籍,从基础内容到高级内容都有,任何阶段的前端工程师都能从中学到知识。
精通CSS(第2版) (豆瓣)
一本介绍 CSS 的书,把一些有用的 CSS 技巧汇集起来,供人学习,但可惜年代久远,不过依然有参考价值。
网络资源:
阮一峰的个人网站
这里会用一些通俗的语言介绍许多 js 编程中重要的中高级问题和技巧。
司徒正美 - 博客园
功能同上。但这里有个副作用,就是总时不时会听到一种叫做 Avalon 的玩意儿,但这不是现阶段需要深究的东西,目前只用知道 Avalon 是英格兰神话中拔出石中剑的亚瑟王战败后去的仙境就可以了。
w3school 在线教程
资源丰富的文档,碰到不懂的不管是 HTML CSS JavaScript 方面的内容都能够来看看。
张鑫旭-鑫空间
博主是一个把 CSS 研究得出神入化的男人,可以从他的博客里学到许多 CSS 相关的知识和技巧。
Bootstrap中文网
Bootstrap 是套优秀的 UI 组件库,其中的精华是它 css 代码,使用它你会发觉以前各种卡手布局的问题可以很快解决,并且不用自己写太多 CSS 代码就能弄出美如画(至少不丑)的页面。使用它,并且学习它的 less 代码的组织和设计,可以从中学会许多 css 架构的知识,棒棒的~
p.s less 是一种跟 CSS 很像,兼容 CSS 并且可以编译为 CSS 的样式语言

前面的步骤都完成了以后,恭喜入门,可以尝试去找一些相关的工作了,同时也再也不用担心被知呼上这位严重智商拙计的怪叔叔骚扰了。 在往后的路中可能会碰到许多奇奇怪怪的概念,比如 workflow , mvc ,  mmvc , flux ,SPA 等类似的不是出自人类语言中的名词,就说明可以开始提高了:)

=== 2017.4 更新 ===
这问题回答的时候是 2015 年,我没想到这个回答会影响那么多人,现在两年过去了,前端这领域已经变了样,许多朋友吐槽现在学完上面所说的内容已经很难找到工作了,但不管怎样,上面的内容还是基础,入门的时候先按照上面的流程走一遍问题不大,但现在毕竟已经是 2017 年,入行前端的要求变得比原来多了不少内容,所以学完了上边内容的朋友还需要继续学习现代前端开发所需要掌握的知识,具体的路线可以参考我在另外一个答案的回答:https://www.zhihu.com/question/55886635/answer/147275692
另外之前提到的 w3school 在线教程 里面的内容比较老旧,现在有了更好的选择,那就是 MDN ,它的地址在这: JavaScript 。
期间有不少朋友反应《JavaScript DOM 编程艺术》看不懂,这其中还包括现实中我身边想入行前端的朋友。为此我专门写了本关于 JavaScript 语言基础的电子书,想看《JavaScript DOM 编程艺术》但是没看懂的朋友,可以考虑先看这本书第一部分《语法基础》然后再继续看《JavaScript DOM 编程艺术》,电子书的地址在这: WeiJieGitHub/JavaScript-ES5-Tutorials,希望会对大家有所帮助。
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:20:44 | 显示全部楼层
铸造app,铸造论坛app
因人而异!
自学和培训作为学习前端开发的两条不同的途径,要说哪条途径学起来比较靠谱,这没有一个绝对的答案,还是需要结合自身的实际情况具体分析,才能做出相对比较正确的判断。
接下来的回答,我将大致按照以下几个部分来讲:
    自学和培训各自的优点和缺点社会人士和在校学生该如何选择干货推荐
首选分别介绍下自学和培训的优缺点:
自学的优点

1.能够自定义学习的方式
想看书学习就看书学习,想看视频学习就看视频学习,想在家学习就在家学习,总之就是很自由,学习方式完全由自己决定
2.不会被灌知识,理解的能更加通透
3.不花钱,不花钱,我们不花钱~~
学 Web 前端开发,培训还是自学靠谱?7724-荀小雨 自学的缺点

1.大概率比较慢
2.可能没有一个很好的学习氛围,对于自控能力不好的人来说放弃的概率很大。。。
3.遇到了问题找不到人解决,热情被消磨,很可能被卡死
学 Web 前端开发,培训还是自学靠谱?2653-荀小雨 培训的优点

1.知识点明确,路径有人规划好,非常清晰
2.有学习氛围,交流方便,有老师带,问题比较容易得到解答
学 Web 前端开发,培训还是自学靠谱?6509-荀小雨 培训的缺点

1.学费昂贵
2.不要错估培训班,很多培训班出来的人也没学好

通过上面的介绍,相信大家对于自学和培训这两种方式也都有了一定的了解了。那么对于我们实际的个人,我们该如何选择适合自己的方式呢?下面我将学习人群分为两部分:
    社会人士在校学生
分别说说这两种人群的选择方法和理由。
社会人士

对于在职的社会人士,有一个非常非常重要的点,如果不是到万不得已的话,
千万别裸辞!!千万别裸辞!!千万别裸辞!!
学 Web 前端开发,培训还是自学靠谱?7962-荀小雨 为啥我要这么强调这点?主要有以下几点理由:
1.很多半路想转行的人对前端这个行业其实并不是太了解,但是出于某些原因又想来试试前端的水。如果裸辞之后发现前端和自己之前想象的不太一样,自己其实并不是很喜欢这行。。。
学 Web 前端开发,培训还是自学靠谱?9644-荀小雨 2.裸辞成本很高,没了经济来源,而之后的生活和学习也是要开销的,不过土豪除外哈,不过土豪还需要来学前端???
学 Web 前端开发,培训还是自学靠谱?825-荀小雨 3.裸辞可能会对简历有一定不好的影响,有些企业可能会很在意空档期。
上面说完了裸辞的一些弊端,接下来我们进入正题,到底该如何选择学习的方式?
如果你决定了要学习前端并且之后从事前端方面的工作的话,注意,别一开始就报培训班!先尝试自学一段时间,比如一到两个月,
一到两个月过后,大概会出现以下三种情况:
1.前端真没意思,和自己一开始想的不太一样,老子不学了!!!
学 Web 前端开发,培训还是自学靠谱?6192-荀小雨 2.前端真有意思,是我喜欢的,自学起来也没太大压力。
如果你是这种情况,那么恭喜你,你找到了自己真正感兴趣的东西,希望你能一直坚持下去。那么有人会问了,学到什么程度是个头呢?推荐看看下面这篇回答。
前端实习生需要到达什么水平?3.前端真有意思,是我喜欢的,但是自学有些吃力呀。
这种情况下,推荐可以报个培训班,报班之前也多上知乎搜搜,选择个比较靠谱的培训班。
经过了前面的选择,发现自己对前端确实感兴趣,打算学下去的同学,此时还是不推荐立马就辞去现在的工作,但是如果非要辞职,看看自己满不满足以下的几个条件:
1.老子就是干的难受,不想干了,就贼烦~~
好吧,那我也不说啥了,你辞呗,有饭吃就行。。
学 Web 前端开发,培训还是自学靠谱?2345-荀小雨 2.已经自学或者培训了一段时间了,兴趣并未消退,但是感觉学习时间不太够,自己需要投入更多的时间来学习。
在校学生

对于即将毕业的学生(大三大四),留给你们的在校时间应该不是很多了,和上面社会人士的方式一样,先采用自学一段时间的方式,检验自己是否真的对于前端感兴趣,自己的自学能力如何?毅力如何?再采取相应的学习方法。当然即使最后还是放弃了前端这条道路,也别沮丧,毕竟出路很多,你说干点啥不好呢?
而对于有充足事件的大一大二的学生,毫无疑问,选择自学呀!
why?
    时间充裕,有充足的时间学自己想学的东西资源多同学资源,一起学习,有很好的学习氛围学校有编程社团的话可以加入做项目联系学校的导师,有机会进实验室当打工仔~~学习能力强(相对而言学生时代是人这辈子学习能力较强的阶段了)学生比较好找实习,丰富之后的校招简历


上面聊完了社会人士在校学生两种不同的群体如何选择学习前端的方式,下面推荐篇非常靠谱的前端入门的回答,对于想入门前端的同学绝对会有很大的帮助的。
Web 前端怎样入门?都看到这里了,不来一波双击666?
学 Web 前端开发,培训还是自学靠谱?8245-荀小雨 哈哈哈,希望认真看完这篇文章的小伙伴不再迷茫,早日找到自己喜欢的道路。
学 Web 前端开发,培训还是自学靠谱?3289-荀小雨
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:21:08 | 显示全部楼层
铸造app,铸造论坛app
内个……泻药……
不知道为啥邀请俺回答这个问题,从日志上看它已经有一段不短的日子了。现在不知道题主学的怎么样了,是否已经成功?
不管怎么说,看着题主是个软妹儿,我就瞎叨叨几句吧。
对我来讲,更倾向于自学,因为我这种老古董前端,学的时候行业还是一片空白呢,也没什么培训班可上。结果可想而知,就是只能靠自己硬啃,培养出来的习惯也是一直自己硬啃未知领域的内容。好处肯定有,学来的基本都是一手知识,学的过程中遇到的问题,也会较为深入的思考、测试、研究。现实总是利弊兼半的,坏处也一堆,啃骨头时间长,正向激励很少,要多次战胜放弃情绪。年轻时候精力跟的上学的快、热情度高。现在俺岁数不小了,精力、热情都在消退,大概率也会逐步进入学不动的状态。
因此,对于其他人问类似问题,个人建议,还是根据自身情况来定是选择自学还是培训。
如果是相关知识一片空白的情况,强制建议去自学,估计也学不会什么,那么只有报班学了。同时再有学历背景不够本科的问题,那最好还是放弃培训班后找到高薪工作的想法,先按兴趣爱好来学。然后找机会进小公司微型公司,算入行了以后再徐而图之进入大厂拿到高薪的机会。
回到正题,对于题主这类情况的,二本电子信息工程专业学嵌入式开发,好歹专业对口。只是不知道为啥自学到JS就犯愁了呢?讲道理,JS 可比 C 啥的能嵌入式开发的语言好学多了,核心内容就 ES 那些,剩下的都是包出来 host api,这些基础性质内容无非是杂了点,但可真算不上难。
俺看了题主发的内容,大致上是 JS 标准 API -> 浏览器 DOM 相关 -> 常见 DOM 操作包装库。个人感觉并不难,也不知道题主为啥觉得 JS 抓瞎,有具体问题其实可以去社区提问啊搜搜啊自己测试下啊找个答案啥的。实话说,开发这东西吧,没啥可多说的,会不会就层窗户纸,怎么捅了它,无非就是多写多试多练。
当然,题主如果真没有太多精力去自己啃这些相对繁杂琐碎的内容,报个培训班也未尝不可,正如上面讲的,这种事情因人而异。毕竟现在早不是蛮荒时期了,题主要学的也不是某些几乎无人涉及的高精尖领域。关键题主学历是可以的,专业也可以说对口,学个前端吧,找个工作大概率是有戏的。因此找人教帮助自己快速入门快速找到学习方法,快速了解项目实现过程,快速上手开发总是有益的。
你知道的,俺是基本自学的,对于培训班啥的真是不了解,只能从近期看到的培训相关内容里随便叨叨了…… 嗯……俺觉得吧,要是整培训班学呢,起码要找个行业相关企业的班去学吧。毕竟更了解现在企业内常见项目情况,也能从企业内获得一线员工作为讲师的。起码不能找像俺这样成天 ES 规范啊,浏览器实现啊这种挂嘴边上的培训师,可能作为高级前端的知识储备可以,入门则绝对不合适。以为那离业务太远了,对实际项目真没什么卵用。
如果要说可能比较合适的类型,估计是俺之前看 @justjavac 发过一个拉勾网的前端培训兴许合适(其实就是俺好奇手贱点进去研究了下)。拉勾么,不就是搞招聘的,企业要啥样的人,啥样的能过,这种企业肯定门清的说。而且看起来它有两种班,一个是0基础的《前端0基础就业集训营》,另一个对标阿里 P7 的《大前端高薪训练营》内容更有深度和广度一些。俺估计第一个就合适,如果题主现在已经入门且小有心得了,估计能去第二个。
俺用前端改滚动条的技能把第一个的课程大纲截图了,题主可以先看看:
学 Web 前端开发,培训还是自学靠谱?4504-xkjxjnqwxb 如果题主现在已经入门了,要冲击高级技能,就可以看看后一个。
学 Web 前端开发,培训还是自学靠谱?7079-xkjxjnqwxb 传送门是这里:
拉勾教育 - 拉勾旗下教育平台 都说到具体培训班了,俺肯定要顺便强调一点,去培训班要端正心态学技术,最好不要沾染简历造假的风气,虽说俺个人也无法约束这种不好的行为吧。俺作为面试官面过太多人了,造假简历就算是能瞒过HR,到了面试官这边是总能被识别的,要知道不是瞒过一个面试官就可以的,通常要瞒过3个左右才行,概率太小了,得不偿失。而太多造假导致面试难度的门槛不断提高也确是事实。
敲爽了,再吐槽一段吧,培训班出来啊,写简历上点心,别把班上教那几个项目就往上怼。俺们看简历时候成堆的类似项目,仿这个APP仿那个Site的,真当看简历的是傻子了…… 还有不写仿什么的,可见简历上公司名字和项目明显对不上好不,比如某个不知名公司的履历,项目写实现了微信小程序??!什么鬼??!
俺的建议啊,真要是学的好,自研几个库啊框架啊什么的吧,一个是能总结下学的东西,还能锻炼下编码能力,提高一些思维抽象度。比如试着自己写写播放器,可以实现简单点的,但是字幕啊,弹幕啊什么的常见功能要加上。或者写个富文本编辑器,建站工具之类的,也不用全都实现完善,可以自己拆分模块去做,也是很锻炼思维的。最最重要的是能从一帮相似的简历里区隔出来,并且在面试时候能表达出为什么这么实现,技术细节啊,难度啊,有哪些,自己是怎么考虑与取舍的。面试者能回答好类似这些问题,对面试官来说也是很重要的,俺们面人时候最愁遇到那种项目上就傻写,完全不思考的人。
就酱紫了……想要了解更多的详情,可以点击链接进行咨询哈:
拉勾教育 - 拉勾旗下教育平台最后最后对于类似问题总结个脑图镇楼,以后类似问题俺就指望贴这个图不重复叨叨咯
学 Web 前端开发,培训还是自学靠谱?2774-xkjxjnqwxb
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:21:22 | 显示全部楼层
铸造app,铸造论坛app
先来回答你问题的后半句,然后再为你倾囊奉上一本“Web 前端学习指南”(内附详细资料)……希望对你有所帮助。
学 Web 前端开发,培训还是自学靠谱?327-霭373
其实吧,现在的培训,除非是去现场听课,很多时候都是线上的视频学习、资料学习等。所以,某种程度上来讲,培训也是自学,至于靠不靠谱的问题,你只要选择让你通过此学习途径,能最大程度达成预期学习效果的一种即可。还有更重要的,就是自我学习的计划性与持续性。


下面就是你们灰常关心的,web前端开发指南+资料了
我从事前端开发已经一年零六个月。从2015年末至今,前端开发有很多变化,这其中有我正在经历的,也有我尚未感受到的。而前端开发中的我所知道的各类知识,我想以自己绵薄之力,结合自身开发实践稍作梳理,让别人看看我踩过的坑。


这篇文章的阅读者是前端学习者,尤其是入门和中级前端开发。我写出了我自己所看到的前端开发世界里的色彩缤纷,也整理出了各个阶段能够参考学习的网站和资料。
三驾马车:HTML5 + CSS3 + JavaScript

学 Web 前端开发,培训还是自学靠谱?4427-霭373 HTML5 + CSS3 + JavaScript
HTML5 是 HTML 和 XHTML 的新版本。 在 HTML5 草案 的规范中定义了可以用 HTML 和 XML编写的单一的语言,意在解决在之前 HTML 的迭代中发现的一些问题并满足 web 应用的需求,这是以前HTML没有充分覆盖到的领域。

这意味着 HTML5 的很多新特性是为了适应现代浏览器而增加的,这其中包括更加语义化的标签,视音频播放的 API,本地存储功能的 API 等。详情参看 W3school。


CSS3 是 CSS 技术的升级版,目前最新版本是 CSS2.1,为 W3C 推荐标准,建议阅读该规范的中文版,这篇翻译来自@黯羽轻扬。当然,目前 CSS3 已被大部分现代浏览器支持,而下一代 CSS4 还在开发中(有关 CSS3 开发相关请参考 https://www.w3.org/Style/CSS/)。


ECMAScript 6 (简称 ES6)是 JavaScript 语言的下一代标准,已经在2015年6月正式发布。伴随着 Node.js 的火热,JavaScript 已经不仅仅是浏览器里面的脚本。同时,越来越多的库和框架:React(a javascript library for building user interfaces)、Flux(application architecture for buiding user interfaces)、Angular(Superheroic JavaScript MVW Framework)、Babel、Mocha……让前端开发更加简单。
入门(html+css+js)

HTML5

我仍然是从前端开发的三驾马车开始讲入门的知识。毫无疑问,前端入门最快的路是打开电脑上的文本编辑工具,写下:
<!DOCTYPE html><html><head>
    <title>Hello world!</title></head><body>
    <p>Hello World!</p></body></html>然后命名为 'name.html',接着在浏览器中打开这个文件。当看到浏览器中显示出“Hello World!”时,一切 OK!这个桥段实在是俗了点,不过我就是从这里开始踏上前端之路的。


接下来,我要选择一个编辑器或者 IDE ,透露最终答案:我目前使用 Win10 系统,编辑器使用 sublime text3 和 Atom。对的,我使用两个编辑器,并且最终没有选择任何 IDE。但在此,我建议刚入门的开发者去尝试 WebStrom 这样功能齐全的 IDE,可以感受到代码高亮,代码自动补全,集成本地服务器测试等功能。然后,开始尝试在 sublime text3 和 Atom 中自己安装能实现 IDE 里一切所需功能的插件,以及 IDE 不具备的功能。没错,这两个编辑器完全可以定制为一个 IDE,并且更专注于编程这一件事,而不管是 web 开发者,还是 java 开发者……。当然,前提是作为一个喜欢自己折腾的开发者。


选择好一个编辑工具,如同选择一把趁手的兵器。接下来是开始学习html5,css3,js 的时候了。这里仍然是一个很俗的桥段,打开这个网站:W3school。开始把这个网站里的所有代码(html5,css3,js按照这个顺序)抄写到自己的编辑器里,并且保存,然后在浏览里查看效果。如果感觉这样太枯燥了,那么可以到下面这个视频网站去学习:慕课网。下面是我推荐的一个系列的免费视频学习课程:


《前端开发》这里的知识也同样超过了入门阶段所需知识。但我仍然建议入门者去看看,但不要急于动手去写其中的代码,这里的内容可以让你看到前端开发是多么有趣,以至于忘记照着 W3school 里的枯燥代码写下 'hello,world' 这类的东西是多么无趣。然而, 在能够理解视频里那些酷炫好玩的东西之前,必须忍受 W3school 里呆板的代码。所以,现在先收藏这个网站,并且随时学习自己力所能及的内容。


CSS3
上一部分,已经涵盖了入门 html5 + css3 + javascript 所需要的工具和参考。但是,这里依然单独用一章节来讲 CSS3。因为,如果只是学完上面提及的内容,也许你会认为 css3 能做的事情仅此而已。但是,我可以郑重的提醒你,css3 可以实现所有你能够想象的样式。当结合 js,几乎所有的动画,交互都可以实现。
没错,这很夸张,但是我现在却深信不疑。无论是否看完 W3school 里 CSS3 的内容,下面这个视频集合的内容都有可能让你重新认识 CSS3 ——《重拾 CSS 的乐趣》 。请务必记住这个视频的作者,@CSS魔法。因为他翻译的《css sprites》也是我重点推荐的参考书籍。
JavaScript

当然,在看完 W3school 上 JS 的知识后,就应该看 jQuery 的知识了,仍然是在 W3school上,同时也应该多查看 jQuery 官网。如果精力充足的话,可以去看看 Bootstrap。因为单凭 jQuery,Bootstrap 这两个东西已足够实现一个界面优美,功能完善的网站。
— 本节的扩展 —

(1)三个有趣的前端新应用:Hybrid app,微信内应用,H5

从迈入移动端时代,前端技术也有了新的应用。这里主要扩展三个我认为有趣的前端的应用。
    Hybrid app:
    一种兼顾Web和Native的一种开发模式。简单的理解就是在 app 里嵌入一个浏览器,然后访问前端开发的适配了移动端的网页。Hybrid app 要实现的是 app 与网页的数据交互。这种开发模式很好玩,让前端也能插手 app 开发。同时也让 app 开发者有兴趣接触前端技术。彼此间可以愉快的相爱相杀了……


    微信内应用:
    这个目前应该是属于国内专属的应用了。相当于 Hybrid app 模式里面已经实现了 app 的浏览器,定义好了使用微信功能的各类接口,只要开发适配微信的网页应用即可。只要掌握前端开发的基础知识,熟悉移动端开发适配的细节,然后根据微信提供的开发文档,就可以在微信 app 的开发中游刃而若有余地了。


    H5:
    这个不是 HTML5,不是!下面我会叫它 H5 专题页。首先看看它应该是什么一种形式(微信扫描二维码):
学 Web 前端开发,培训还是自学靠谱?8670-霭373
    H5应用二维码

    H5 专题页也是伴随微信火起来的。H5专题页,可以简单的认为就是在微信或移动端的 PPT。在国内,做前端开发的不会做 H5 专题页是不行的!所以,在入门知识都学完以后,务必尝试开发一个或多个 H5 专题页来丰富简历。
最后再补充一个好玩的东西:Electron。Electron 可以让你使用纯 JavaScript 调用丰富的原生 API 来创造桌面应用。
(2)ES6,Node.js,MongoDB,PHP,SQL……

    ES6 : 接下来介绍的这些可都是很厉害的东西,作为入门者而言,没有必要马上去懂这些知识。但是,在前端进阶的路上,这里面的某些或全部都可能是要熟练掌握使用的。ES6自不必说,JavaScript 语言的下一代标准,但我认为你没有必要一开始就去纠结了解 ES6 与 JavaScript 的区别,甚至于你完全不知道 ES6 是怎么回事,也完全不影响你作为一个合格的前端开发人员。但是,我们是有目标,有理想的。对于 JavaScript 这个开始在服务器,移动 app 端都展露头角的核武器,怎么能不去了解它的核心知识 ECMAScript?至于学习的时机,我认为是当你不再满足在浏览器上做东西,不再满足使用别人开发的库,框架的,当你不再满足只做一个前端,企图成为一名全栈工程师的时候,那么学习 ECMAScript 会是实现这一切的开始。


    Node.js : "Node.js is a JavaScript runtime built on Chrome's V8 JavaScript Engine."——这句话来自 Node.js 官网。意思是 Node.js 是构建于 Chrome 的 V8 JavaScript 引擎()基础上的 JavaScript 运行环境。也就是说,它使得 JavaScript 这门程序语言可以脱离浏览器,而在服务器环境下运行。它的学习时机或许比 ES6 更早,因为我已经尝试用它在云主机上搭建 web 服务器。前后端使用同一种编程语言,这的确是一件另人兴奋的事情。


    MongoDB : MongoDB,NoSQL 数据库的一种,由于我使用的不多,接触的也不是很深,这方面暂时不能提供很有价值的信息与资料。容我以后再来补上这一块的内容……


    PHP,SQL : 我想在入门甚至于入门以后很长一段时间,凭借在 W3school 上了解到的关于它们的知识,已经足够应付开发任务。但我依然希望能够深入的学习它们,共勉之……
单就入门阶段的扩展而言,我想这些知识已经现在已经足够了。但是,前端的发展很多并不是我能够想象得到的,所有关注一些公众号,微博,github,以及各种前端技术的官方网站,时刻把握动向,是非常有必要的。虽然,经验丰富的开发人员会认为新的东西往往带有风险,只有成熟,稳定的技术才能实现价值。但是,现在前端的发展太过迅猛,每一个技术都在争夺开发者。前端开发框架中火热的有 Angular、React、Vue(国内阿里团队推出的一个框架),前端构建工具中有 Grunt,Gulp,browserify,webpack,前端测试工具有 mocha,jasmine,简直如同海贼王里的大航海时代。所以,对于火热的前端,我的态度是积极投身其中,研究各种技术,进而领悟它们所展示的思路和想象,而不是等到一切尘埃落定再来选择剩下来的技术。
流程和规范

网站开发不是一个人的战斗,即使是全栈工程师,也不应该一个人承担所有的任务。作为前端工程师,既要与视觉设计师、交互设计师对接设计稿、交互稿,又要与后端工程师对接数据模型。
“图难于易,为大于细”——就细节而论,与每一个角色的交流沟通过程都可以细致的整理出文章来单独讲解。因此,这里只扩展前端需要了解的知识。
— 本节的扩展 —

PS 和 AI 的熟练使用,切图的规范,字体、svg 和 iconfont 的应用

PS 和 AI 自不必说。 MAC 上的专属设计神器 Sketch,如果有 MAC 设备建议也了解下。这里我只能提供一套不错的 PS 学习视频:PS入门教程。


至于 AI,由于最近我觉得网站矢量化是一个不错的方向,所以会更深入的学习 AI,之后单独整理一篇讲网站矢量化的文章,里面再详细讲解 PS 和 AI 制作矢量图。


切图的规范,是需要设计师与前端一起商议出来。前端最好不要等到设计师自顾自的导出切图和标注图,毕竟大多数设计师不懂前端开发的逻辑。很多情况下,前端开发需要写相对距离,然而标注图上只有绝对距离,又或者相对距离的对象又完全不对,等等。总之,作为前端要清楚明白自己需要什么样的标注图,需要什么样的切图。我认为明白这两点最好的方式是自己多尝试标注、切图,找到符合自己开发逻辑的那套规范。当然,后续我也会把自己用的那一套规范整理出一篇文章。


字体的使用上,不可避免设计师会使用一些具有设计感的字体。对此,我的建议是两点:
    如果用到的特殊字体只有少部分,不是全站都要使用的,我建议是做成 SVG 图导入网站。单独提一点小 tip,在高分辨率设备逐渐普及的现在,能够做成 SVG 的图,千万不要用像素图。(这点我会在网站矢量化的研究在单独讲解)如果是全站都要用到某些字体,比如媒体网站或者新闻阅读类网站,那么建议使字蛛字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。
    这里又提到 iconfont 的应用了解,但是我也发现 iconfont 存在用户体验的问题,在一些大型网站上如 github 已经直接使用 SVG 替换 iconfont。当然作为了解 iconfont 的使用,我会在那篇网站矢量化的文章中介绍。
BAE,PHP 和 SQL的学习使用

百度应用引擎(Baidu App Engine,简称BAE)是 PaaS 平台,提供弹性、便捷、一站式的应用部署服务,支持 PHP/Java/Node.js/Python 等各种应用。只需上传应用代码,BAE 自动完成运行环境配置、应用部署、资源监控、日志收集等工作。简单的说就是把网站代码传到 BAE 分配的空间,就可以访问网站了,完全不需要自己搭建后端服务器环境,不需要自己手动配置。这是前端开发者搭建自己的网站或博客所需要的。因为我以前常用的是 BAE, 其实新浪有 SAE,阿里,腾讯也有相同的 Paas 平台。现在,我是自己在 VPS 主机上搭建服务器来运行自己的网站。至于博客,可以上一篇文章里看到介绍了 Github Page + Hexo 组合搭建博客的详细过程。


PHP 和 SQL 的学习,我还是认为学完 W3school 里的内容就够用了,但是能够越熟练越深入越好,这里再提供一些学习视频,仍然来自慕课网:《后端开发》。


实际上,按照现在前后端分离的开发模式来看,前端与后端最重要的沟通交流的是数据模型。一般,使用的数据格式是 XML 或 JSON ,作为前端最好根据后端设计的数据模型来设计自己的代码。因为我是自学的前端技术,在软件开发层面的知识相对薄弱,对于数据结构了解更是浅薄,所以,只要合作的后端不是很弱的那种,我一般是按照他们给出的数据模型来开发。
编码规范

记住这句话“当你开始工作时,你不是在给你自己写代码,而是为后来人写代码”。大多数时候,我们面对的都是写好的代码。当以一种可维护的方式来写代码,可以让你和协作者很容易知道上段代码写到什么地方什么程度。同时,当发现以同一种方式来编写代码时,即使过很长一段时间再回头 review,也将会是一件愉快的事情。“Java 语言编码规范”是当前很流行的关于编码规范的文档之一,它指出了编码规范如此重要的几个原因:
    软件生命周期中 80% 的成本消耗在了维护上几乎所有的软件维护都不是它的最初作者编码规范提高了软件的可读性,它让工程师能够快速且充分地理解新的代码如果你将源码作为产品来发布,你需要确保它是可完整打包的,且像你创建的其他产品一样整洁。
那么,当你意识到整洁、统一的编码规范的重要性的时候,应该如果形成自己的编码规范了。在这个问题上,我已经不再建议自己去实践尝试来得出答案。虽然实践大多数时候是得出答案的好办法,但是,对于编码规范还是直接拿来主义,把优秀的规范拿来就用:
    前端代码规范及实践 ——出自 isobar 公司的创意技术部(前端工程)编码规范@bymod ——出自 BootstrapGoogle HTML\CSS Style Guid ——出自 GoogleGoogle JavaScript Style Guide——出自 Google最佳编码实践-KISSY v1.4 Documentation—— 出自 阿里 KISSY
网站的优化打包发布

当我们网站开发完成,本地测试 OK 以后,还要合并压缩静态文件、使用前端镜像库、使用 CDN 进行加速、用 YSlow 或 Google Page Speed 这类的网站质量检测工具来检测线上测试站点。
    合并压缩静态文件:一般为了快捷有节奏的开发网站,对于静态文件 CSS,JS,图片静态资源是尽可能模块化管理,而到了上线阶段,则必须合并压缩 CSS,JS、制作 sprites 图、使用 iconfont。这样处理既减少文件体积,又减少 http 请求。具体压缩和合并方法,使用 Grunt,Gulp,Webpack 等前端自动化工具都有官方的插件来自动完成这项工作。但在前期没有接触到前端自动化构建工具前,可以使用最近微信团队推出的一个前端自动化桌面工具 WeFlow 。


    使用前端镜像库:对于 jQuery,Bootstrap,这些大多数网站都有可能用到的前端工具资源,不妨使用公共的 CDN 库文件加速,这其中百度,360这些大的互联网公司都提供的公共库。因为大部分常用网站会缓存这些常用的文件,所以当自己的网站也使用这些公共库文件时,实际是不需要重新请求获取,而是直接从用户的浏览器读取缓存文件。


    使用 CDN 加速:CDN 是内容分发网络,其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。简单的理解就是把网站的静态资源传到提供 CDN 服务的云端,然后在网站中调用这些资源。


    使用 Gzip 或 dfate 加速,这个是在服务器设置,暂时按下不表,等我仔细研究过后端知识再来补充。


作者:holdtom
来源:慕课网
本文首次发布于慕课网 ,转载请注明出处,谢谢合作
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:21:32 | 显示全部楼层
铸造app,铸造论坛app
这个提问是在今年六月份的时候发的。到现在为止,已经过了半年的时间。截止到现在,这条提问的浏览量是218K、关注人数1570、回答数104条。这期间也有好多人问我,最后结果怎么样了。也有人说,这条问题的关注度挺高的,我是否应该说一下我的经历。我觉得也应该讲述一下,这6个月的时间究竟发生了什么,年终岁尾,权当是总结,也是给自己一个交代、给关注这个问题的人一个交代,如果真的有什么地方能帮助到那些徘徊在路上的人,那。。。也是极好的。更多的是梳理一下自己。所以可能会有点长,不过,我尽量把它写的不那么无聊。首先,我要声明一下问题的本身。这问题的所有情况都是真实的——除了性别是我杜撰的。这也是一个我超级想吐槽的地方。同样的问题,只不过我没有加上性别,在知乎上提问的最初两个星期,关注只有可怜的1个人、评论1条、浏览量不过90多条。我有点不知所措,开始我以为是我提问的方式有什么问题,或者打开的方式不对。然而经过某猥琐程序员朋友的启发,他说你把性别换成女的试试。结果,我只能用斐然来形容。开始的时候我写出那些数据也正是想证明这个问题。虽然这也客观的说明了中国程序员的现状,哈哈,好吧,其实这不重要!而且现在我也身在其中。这就是个善意的玩笑,至少结果是好的。收到了很多的回复,积极的、消极的、诚恳的、认真的、幽默的、扯淡的!事实上,我也在这其中收获了很多启发。在此表示感谢。是的,就是这样,这才是真相,无须验明正身的真实。如果这是一种欺骗、如果这伤害到了某些玻璃心的朋友、如果你想问我,我擦,人与人之间基本的信任去哪了?!我也只能说。。。喝点热水就好了~。
一、为什么离开银行而选择互联网
这也是根据一些评论做出的解释。评论中也有好多说为什么离开银行的。他们把这种行为看做是从一个坑爬出来,然后跳进另一个坑。有好多劝我,别被心灵鸡汤管迷糊了,别被互联网泡沫的欺骗了。我从来不喝鸡汤,也从来不给别人灌鸡汤,上段时间看到了一条新闻,澳大利亚的某位博士说,喜欢鸡汤的人的智商普遍比较低。。当然,这和事情本身并没有什么联系。我离开银行是因为很多个人原因。每个人的情况都不一样。去那里完全是迫于家人给的压力,他们的想法就是平平稳稳的一生,这是才是正道。可是一颗年轻的心真的不是那么容易平静的下来,甚至选择一个不确定的未来,即使前面就是所谓的南墙,但是在没有撞到之前,那里给予我的诱惑却远大于那些警告。就像张爱玲说的那样,非走不可的弯路。并且这并不就是弯路,也许是外面的世界很精彩。这件事也是我二十几年人生中,为数不多我自己感觉很傻逼的事情。而且我做了1年。在离开那里之后,无数次的幻想,为什么当初我没有像一些励志书籍中描写的成功人士一样。看了看破旧的办公楼和无所事事的人们,然后头也不回的走掉。我觉得这样范儿很正,然而并没有。。在那里工作的一年,主要是做一些理财经理的工作,有的时候做柜员。每天会跟很多人交流,傻子、疯子、妖怪什么都有。其实最让我难以忍受的是那种制度。极度的官僚主义和形式主义。而我非常的自信——我完全不是对手。原因很简单,我虽然学会了当儿子,可是却学不会装孙子。毕竟这就是生活。所谓人在屋檐下,而为了生存适当的低头我是可以接受的,但是低的太过分离跪下就不远了。这期间也发生了很多令我哭笑不得的事情,如果大家有兴趣,我也许可以找个时间写写那段经历。总而言之,这一切导致了我离开了那个地方。而选择互联网对于我来说并没有什么特殊的原因。从小我就对电脑有着极度浓厚的兴趣,好吧,我承认是电脑游戏。。之后上大学的时候学的嵌入式,也写过几行代码。有一段时间对广告设计和网页设计挺有兴趣的。可是,因为是学渣,所以到最后都不了了之了。所以需要再一次就业,自然而然的就选了互联网这个行业,非要说具体原因两点,第一,收入还可以,能养活自己。第二,并不讨厌这个行业。仅此而已。
二、关于学习前端是培训还是自学
这是大家最关心的一个问题,也是我来知乎提问的初衷。在开始学一门技术的时候大多数人都会存在这样的问题,怎么学?对于这个问题本身的回答也分为两类。毫无疑问,一个是培训,一个是自学。回答中也有很多类似的调调。关于不赞成培训的,也就是赞成自学。原因很简单,却也是很现实的一个问题,多数的培训机构都是坑。而且在面试中也有很多人会尽可能的不说自己是培训机构出来的。也有很多人在给我举例说明,我们公司某某某,培训出来的,来了几天几天被扫地出门,狗屁不会。而赞成培训的,是说培训机构可以学到东西,而我觉得:还是要看个人情况来的。在评论中也有比较诚恳的回答,我也是很赞成的。我当时的情况是,六月份辞职,由于跟家里人赌气,其实也是跟自己赌气,我一个人来到北京。辞掉工作就没有了经济来源。也就是我必须短期内找到一份能够养活自己的工作。那个时候我想着不如先找一份简单的工作先做着,一边工作一边学习。但是我知道我并不是一个自控力很强的人,如果是一年的时间,每天都花掉工作以外的其他时间去学习一门新的技术,还不如集中精力的学。这样我才选择了培训。而对于培训,如果找到一家还算靠谱的培训机构的话,对于自己的提升速度肯定是有帮助的,但是就是要看这种提升能不能达到你的要求。如果你仅仅是想找到一份工作,然后再学习,并且自控力,学习能力都比较强,我觉得自学是完全可以的。而如果你是想得到速度上的提升,也必然要付出相应的代价。在我来看来,实质上,这就是一种金钱与时间的互换,而金钱能买到多少时间,取决于培训机构的质量。质量比较次的话,花了钱,浪费了时间也是很有可能的。而且无论培训还是自学,靠的终究还是自己。就算是全国著名教师一对一辅导,而你每天脑子里却都是苍井老师。。如果非要用什么比喻的话,培训出来的就好比是练的辟邪剑谱葵花宝典之类的,虽然在短时间内会有一个比较显著的提升,但是终归是根基不稳。但是还是比不上那些从小研习易筋经的和尚。虽然敲代码是不用引刀自宫的。没你花哨,但比你管用。而且培训也不是每天等人往你脑子里塞东西,这样的东西是消化不掉的,也只能是黑瞎子掰玉米。现在来说一下近况吧。我六月份辞职,之后玩了一个月。然后开始的培训,算上每周两天的休息时间一共两个月。之后找到了一份工作,现已经工作了三个月左右,薪水10K。虽然这个薪水不算高,但按照我的计划,我已经成功了,而我明白这只是个开始。过程有点小心酸也无伤大雅。那个时候课程有HTML+CSS和JS这三门课程,我并没有学习HTML+CSS而直接选择了学习JS。这导致的结果就是直到现在HTML+CSS也是我的一块短板,而在工作中我也避重就轻的选择了尽量写JS,不去写HTML+CSS,实在是不怎么样。在学习的过程中,一起培训的多是学完了HTML+CSS来学JS的,这导致的结果就是,很多时候讲的JS我是可以听懂的,可是写一个布局却要花费掉我大量的时间。那两个月,每天敲代码的时间大概在14个小时左右,除了一些不可避免的生理问题,比如吃喝拉撒。由于之前休息了一个月,所以开始的时候精力是够得,每天的花掉大量的时间敲代码,而之后真的是太过疲惫,因为每天早上根本就听不见闹钟,即使我已经将音量开到最大。最后几天的时候,我想好好的休息一下,竟然出现了一些诡异的情况。非常疲惫,可是精神比较亢奋,睡不着!我不知道我这样的描述是否准确,可那个时候就是这种感觉。然后强迫自己睡觉,因为那些脑死亡的传闻之前着实把我下了够呛,只是想,别他娘的出师未捷。事实证明,仅仅是累了而已。总而言之,关于培训还是自学,我想我已经把我理解的都写出来了。提取对于自己有用的信息是一种能力,在众多信息中,根据自己的情况,找出最适合自己的方式才是最好的。那些一概而论是不负责任的行为。
三、一种精神
如果你来到这里提问,仅仅想得到一个答案,我想会失望的。没有人能够告诉你应该怎样做,即使他斩钉截铁的告诉你,也只是因为他不用对你的人生负责。对于小三儿还有个说法,这里什么都没有。但如果是想来这里得到一些有用的信息,那么至少我的期望达到了。在这里我也收到了很多对于这个问题的理解。虽然很多描述的可能是冰山一角,但是通过不同的角度,你却可以勾勒出一个大致的轮廓。在此过程中,很多人很认真的跟我讲解了自己的看法,收获了一些意外的感动。对于这些人再次表示感谢。哪怕只是一种无形的感恩。不论他们的技术强弱,但是我觉得这是一种精神。参与和分享。我也学会了将这种精神传递下去。虽然在这个环节上也出了一些问题,比如:如何提问。稍后讲。
四、对于技术的理解
对于技术,更多的还是来源于经验的积累。前端来讲,最基础的HTML+CSS+JS不用解释。我所理解的框架就是零件。对于一个工科生,我也只能找到这样的比喻。同样是生产一台机器,框架就是螺丝一类的基本零件,你用这些框架可以生产出一台机器,而我这有铁铜一类的元素,我也可以生产出一台机器。只不过要比使用框架——也就是零件更加麻烦一些。但是我有这些元素却可以生产出不一样的螺丝。所以框架方便了生产,一定程度是也减少了可能性。所以基础很重要。理解的不知道准不准,望指正。
五、关于提问
在第三点中说过,在提问的过程中也出现了一些问题。我在工作以后也有网上的朋友来问我一些问题,我也尽我所能的去解答,可是有的问题真的让没法回答。比如,我想做个淘宝的界面,怎么做?JS和JQ我学哪个好?诸如此类问题。更有甚者在QQ上直接丢给我个文件,告诉我,这页面挂了,你能帮我弄好么?就这样,一场技术交流变成了单方面的慈善。
六、结尾
其实感觉还有很多东西要说。可忽然又了种“想要说些什么又不知从何说起”的感觉。最主要的原因我困了。。。也都是想到哪些到哪。如果有什么问题大家可以直接问,知无不言,言无不尽。对于我这种市井小民,除了沙发上的屁股印,能帮到别人同样也可以提升我的存在感,好让我出现一种这个世界需要我的错觉。哈哈。我发过一条状态,你已走到天涯海角,我却还没出发,连鞋带都系不好。最后不煽情一下对不起我写的这一个小时。2016,我在路上,你出发了么?
----------------------------------------------6月13日分割----------------------------------------------
前端之路(二)2016年6月13日
北京仲夏夜骤雨初歇,凉风习习。我在房间里,一杯啤酒陪电脑,忽然一股令人窒息的操蛋之感如跗骨之蛆般,挥之不去。写了一个上午的页面,又跟后端撕了一整个下午。回家之后,没来由的忽生一股无名邪火。于是踢桌子,摔椅子,大声骂娘。然后瞬间冷静下来,卧槽,这完全是个loser的表现嘛!然后重新摆好桌椅。安静的坐下,忽然想起好久没上知乎了,于是,兴致勃勃又不卑不亢的过来吹牛逼,聊以自慰。当然,打死我我也不会说这是因为有点累了。为避免文不符题,决定还是先说说前端的故事。上段时间换了一份工作,个中缘由,不说也罢。虽然很和谐,但是我总感觉有点互相伤害的感觉。总而言之,算是给了自己一点空隙,偷得浮生半日闲,跑到中国的最南端,玩了一大圈,身心舒畅无比。然而除了诗和远方,生活更多的时候还是眼前的苟且,明天的苟且,后天的苟且。这次离职,我作为一次机会,于是,我向各个有点小名气的公司,比如美团,比如百度,比如滴滴(虽然我很讨厌这个公司)等等。抛出了橄榄枝。然后暗想,真是不知道哪家公司这么幸运,能选中我。然而。。。他们并不理我,甚至一个去展示自己的机会都不给我。瞬间觉得好受伤,我从此将变成一个有故事的人了,写出来就事本书!但,玩笑归玩笑,日子总是要过的,颇有点饥不择食的感觉。也就算是随手选了一个外包公司,之前一直听别人说外包公司有什么样的弊端,但是我并没有亲眼见证过,于是就来了。到了这个公司才发现,妈的,他们说的真没错。但是有些弯路是要自己走的,我一直笃信童年时候学过的一篇文章,小马过河。技术上,感觉到了一个瓶颈,平时工作用的东西也都算是比较熟悉,但是总是还感觉有很多不会的东西。在之前的公司,移动端和PC端的开发都做个,熟悉了angular,bootstrap,Ionic等框架。对基础js原理也有了一些新的理解,开始去阅读一些框架的源码,老生常谈的性能优化、算法、数据结构、seo、OOP、MVC也逐渐有了新的理解。别的乏善可陈。这一年的时间也有好多的人问我关于培训机构的问题,我现在已经不愿意回答了,我都已经换了一份工作了,有的人是在我们刚开始工作的时候就开始问我这个问题,可是到现在还是在问我同样的问题,我觉得,还是应该有一点果断的决断的。忽然不想再说,改天继续。
----------------------------------------------3月1日分割----------------------------------------------
一道前端面试题引发的思考 - 苏灿sisy - 博客园
好久没来这里更新一下了,今天走个过场吧。
最近想写写技术博客,一来沉淀积累,二来分享交流。有兴趣的朋友们可以来看看,多交流,如果觉得写的还可以,点个推荐什么的。或者有钱的捧个钱场,没钱的借钱捧个钱场。
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:22:11 | 显示全部楼层
铸造app,铸造论坛app
2018.3.31 朋友们,已经过去好几年了,我原答案推荐的学习方法已经过!时!了!
jQuery部分可以直接跳过了靴靴~
发现自己工作了几年以后强迫症越来越严重了(大概是eslint+standard害的),把原答案的标点符号和语法错误都改了(手动捂脸苦笑)
--------------原答案2015.6--------------
哈哈,我也是从你这里过来的,现在已经是前端工程师一枚~
希望可以帮到你哟~
说找男朋友的,劝你考虑的,劝你别做程序员的,都退散吧!当初我在知乎提问,也大多都是这样的回答!我从今年1月开始自学,3月入职以来,觉得越做越有兴趣,所以妹子加油!占个坑,上班时间,再来码~
-------------------------------------------
我也是14年毕业,专业软工,之前做了1年测试(实习)
1.报班吗?我们公司5个前端,上个月辞退了一个,辞的那个好巧不巧就是某内培训机构的。据他说培训机构真的学不到东西还巨贵,基本就是骗人的地方。我两个师傅一个看书自学成才,一个看视频的。我是自己看书学的,我觉得比较有效的是一遍w3c,看一遍headfirst html与css(挺有趣的书),然后就抄几个静态页面,基本就懂了
2.自己试着加几个图片轮播(网上找插件)以及常用的特效,看一遍jQuery的api,写写简单的事件、动效,这时候就可以找工作啦!完成这些我用了快两个月,我是考研失败,1月份开始买书看书,3月初开始找工作,很快找到,虽然开始工资不高,但是那时候会的也不多就不在乎这些,工作后,提升非常快的!
3.工作到现在,3个月的样子,感觉收获很大,学习最好的方法还是实践。我从一个只会切静态页面的小菜鸟到现在负责了项目国内No.1国际潮流周刊(勿喷,第一个项目,不成熟,还被客户骂的半死)
4.我觉得楼主可以先看视频入门,以后再多看书。不要被其他人的回复吓怕了,既然想做这个说明你有兴趣,就加油学!肯定可以的!
我现在也只是入门阶段,正在学习中,有什么不对的地方希望大神指正,谢谢啦
--------------2015.11.30--------------
答主目前工资翻倍啦,大家共勉呀~ 加油加油,学无止境
--------------2016.1.11---------------
很多人私信问我怎么学习前端,在这里我写一下我的见解,希望对大家有所帮助。没有特别复杂的结构,单从我个人的学习路线来讲一下我看过的书(看书一定买最新版本的看哦~)
1. 入门的入门:
学 Web 前端开发,培训还是自学靠谱?5182-szjjxsptfc 记得买最新版看哦
2.看完了一本,第二本来了:
学 Web 前端开发,培训还是自学靠谱?2443-szjjxsptfc 有最新版就买最新版看哦不要以图片为准
3.html和css大概了解的差不多了,过一遍w3school 在线教程 的html、css部分
4.去模板之家这种下载网页模板的网站下载几个psd自己写成网页(推荐开发工具vscode,sublime,HBuilder,webstorm)
5. jQuery api过一遍
6. 自己用jQuery 完成下拉菜单/轮播/弹出框等基础效果
7.投简历。这时候应该可以找一个入门级的前端工作了。只是入门级哦,之后的发展就见仁见智了。啃javascript高级程序设计这种大砖头,找到工作慢慢来~
学 Web 前端开发,培训还是自学靠谱?1089-szjjxsptfc --------------2016.6.12--------------
即将加入途牛啦(o´〰`o) 大家一起努力!特别是女孩子们( • ̀ω•́ )✧
--------------2016.12.3--------------
艾玛没想到还有人在回复这个答案呐~
得知大家从我这短短的答案里受到一点点鼓舞或者启发,我也是很开心哒~
前端真的很有趣(痛哭状
感觉写代码的时候总有一种酣畅感!要不是各种需求赶的人很紧迫,写代码完全是一种很享受的事情!~
而且加入途牛半年,认识了很多牛人,开阔了眼界,感觉不断被更厉害的人刷新上限,自己也会不断提高目标呢~ 奋斗的动力也增强了 (๑>◡<๑)
不过总结自己做前端两年来的学习经验,归根到底还是一条:实践。
不管你想学什么,想也别想直接应用它,就是最快的学习途径。
所以赶快动手写代码吧~
PS.沉迷react无法自拔ヾ(=・ω・=)o
加油加油!~ 只要用心,成为大牛的时刻近在眼前!~ヘ|・∀・|ノ*~●
--------------2018.3.11--------------
最近这个问题怎么突然被挖坟了?
话说做前端也已经3年多了,从小公司到途牛再到社招进BOC,一路走来也算是越来越好吧,看着自己的答案也有一种慢慢长大的感觉。天下无难事只怕有心人,我也见过不少自学了两个月就能找到工作的,也见过喊了一两年要学前端,书都买了厚厚一摞,结果到现在还是停留在<div></div>的人。只要是真心想学,真心喜欢,就好好努力吧~
我记得第一家公司辞职的时候,老板找我谈心,他对我说的一句话我一直铭记在心。
“你不应该只是做一个普通的前端,而是做一个前端技术专家,做数一数二的前端。”(鸡汤熬制完毕)
就酱吧,去睡觉了
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:22:50 | 显示全部楼层
铸造app,铸造论坛app
泻药,这题已经有一年的时间了,最近感悟比较多,就来挖坟了。
从去年开始陆陆续续很多的小伙伴总是发私信问我一些关于自学前端或者自学方法相关的问题,针对题主的情况,今天我就统一回复下。
学习web前端开发,培训or自学?
题主本身应该是属于那种,一没有了解过培训机构的课程,二是也没买过前端相关的书自己看过的人,仅仅只是从别人口里或者知乎上看到前端开发的一些吸引自己的地方,就来提问了。比如高收入,比如上手门槛低,市场缺口大。


针对题主的描述分析下:
【家里在这边给找了一份银行的工作,现在工作一年。一年的工作终于发现这跟本不是我想要的生活,于是果断辞职。】
那么前端开发就是题主想要的生活嘛?其实很多人并不知道前端码农的职业路径,其实前端同样需要长时间的学习和积累才可以做到,像知乎上那些大神们一样谈笑风声的。
再看下面这一段:
【在校期间学习过c语言。曾经也对网页设计比较感兴趣,自学了一点,不过那个时候学的都是Dreamweaver,Fireworks,Flash什么的,也没去研究HTML,CSS,JavaScript这些。】
这些东西凑巧我也学过,但是在工作的第二年,我就再也没用过网页三剑客这些软件了,而且说实话,css我也有大概2,3年时间没成型的去写过了。在我了解的前端行业里,工作后,大家到底面对的是什么挑战,很多小白都是不清楚的,这些挑战对外来说也是非常难获取的。
最近刚换了工作,工作中又接触了一大批的新人前端,我们组的主力现在都是93年到95年的,上周还入职了一个96年的实习生,和他们聊天和一起工作,我能明显的感受到,大家的成长比我当年更快了,压力也更大了,和我一组现在一起干活的小伙伴,工作经验1年左右吧,在我看来基础已经非常好了,来了这边和我一起开发一些工具,基本上我交给他的活都不是大家常见的一些前端要干的活,比如研究一下jsdoc,然后快速帮我把一些文档补充上,比如快速了解一下mocha和chai,我起个头就让他帮我开始做部门框架单测的编写,还比如因为这边又要用到elasticsearch,小伙子一脸懵逼的听我简单的介绍了一下这玩意是个啥就开始啃英文文档了。
这里并不是告诉大家我每天都在干什么,而是说,要想成为一个优秀的前端工程师或者程序员,我们在工作中,都是无法完全hold住自己的技术栈的,无论大牛小白,每天都是会遇到很多不懂的问题的,比如今天在装虚拟机的时候,因为主机和宿主机的mac地址对不上,折腾了个把小时又改网卡又改配置的;比如下了一个开源的包,因为框架本身的bug,快速定位问题再去改别人的源码,等等这些,也没人培训我,也没人带着我干,我依然能干的还可以。


凭借的是什么?当然是自学能力,这也是工作后和在学校或者培训机构无法获得的成长。


回归正题,上面说了这么多,其实主要是告诉大家,工作以后,一些好的前端开发,或者顶级前端,面对的挑战可能是各种各样的,可能编写js和css还没有弄linux的时间多了,这些也是我在成长过程中体会到的。有时候我也会非常的苦恼,因为不是科班出身,很多计算机基础知识非常薄弱,所以看东西虽然明白个大概,但是实际操作起来就又问题比较多。
既然如此,我也曾想过,要不找个专业运维拜师吧?或者说我找个专业后端或者dba拜师吧。哈哈,你看我做了这么久的编程,同样在遇到棘手问题的时候,第一个想到的也是,找个老司机带带我吧,自己搞实在太痛苦了。
这样,新人和老人都有了共鸣了,毕竟除了前端领域,在其他领域,一个高手前端可能也会是一个小白,新手,菜鸟。


这里就涉及到一个问题,如何突破自我,到底是靠自己憋还是找个高手带带你,或者说指点一下?
我觉得培训机构也好,买书自学也好,本质上都是我所说的这个问题,到底是选择闭门造车还是找前辈指点一下。


回到买书这件事上,我们会在买书前,看一遍目录,如果是自己需要的就下单,不是则不下单,同样,如果你是一个想要快速入门编程的小白,我个人觉得,2017年之后,时代确实变了。我觉得快速找到一条学习路径比闭门造车更重要了,无论是从书本上,还是组内大牛的分享上,或者说从社区里,编程的道要走的正,少走弯路,就少不了别人的指点。
买书也是花钱获得别人的知识积累,快速转换成自己的一个过程。上学听课同样是吸收老师的知识快速成为自己的一个过程。最后再配合平时大量的训练和实战,才能快速稳步的成长,不走偏。
所以这个问题的答案也非常明显了,自学如果有老司机带当然更好,没有氛围和前辈指点,花点钱参加一些培训班或者线上课程,也不是什么丢脸的事,恰恰相反,一般聪明人的选择,都是拿钱来换时间的。


当然,目前市场上培训机构层次不齐,各种live或者线上课程也琳琅满目,很可能会挑花了眼,我有一个朋友正好近期买了一份靠谱的线上培训,这里我就讲讲她的一个整体感受。
我这位朋友或者说前同事,正好是刚毕业满一年,之前在公司里技术水平一般,但干活还是非常勤奋也很努力的妹子,但她却很难在工作中写出面向对象的javascript,这个问题其实不光她,同组的很多人也是这样,概念上理解,但是实际操作起来就是不知道该如何下手,虽然可以照猫画虎的模仿别人来写,但是很难领悟具体场景该怎么做。
当时跑来问我,有没有比较靠谱的线上课程,我给他推荐了优达学城的进阶课,之前在知乎上我看了国内的一些讲师开的辅导培训课程,大部分的套路还是都像高中应试教育那种概念上的讲解,死记硬背或者留作业的模式,大量帮你批改的套路,不是说这种做法不好,而是说这样的效果无法在长时间上给人启迪,我记得有一次浏览过优达学城的晋级课程和培训介绍,感觉这个公司做的教材和一般的机构很不一样。
后来我们俩一起研究了一下他们的前端开发进阶课程目录,发现很有点Head first的味道,去看了下创始人和讲师的背景,原来都是国外大公司的程序员,制作的确很精良用心。
很多刚入门前端的同学,追求的往往都是一般实现而不是最好的实现,本质原因就是没有体会到编程的乐趣还有就是基础不够牢固。所以面对复杂的需求,能完成就很不错了,非常难以提高自己的综合编程能力。
打个比方,对this,作用域,原型链,闭包的理解,可能大家都能背出来,但是在实际应用中往往都会避开使用,怕用不好。而他们的进阶课,第一章就是讲的这个,加强个人对这些盲区的理解,之后再开始正式的晋级项目编程。
当时在公司她主要负责页面构建的工作,对js的应用场景本来就有限,业余时间增多后我也没时间帮每一个同学来布置额外的提升自己的『作业』,当时看了优达学城的几个课程实例,感觉还是蛮好的。
比如开发一个基于浏览器的卡片匹配游戏,比如使用面向对象的JavaScript知识,重建游戏《青蛙过河》,我觉得做游戏是前端开发里最锻炼人的项目,也是做完以后最有成就感的项目类型。
针对她的情况,正好课程里还有ES6基础语法讲解以及单元测试,sub/pub的一些概念科普,并且还涵盖了她最关心的设计模式问题,并如何应用到实际项目中。
虽然google地图API开发可能在国内没什么用了,但是其实整体课程还是非常超值的,最后还有一部分是说react框架,讲一些react的基础知识,并配合做了实际的react项目。


我因为月初已经离职了,不知道她现在学的怎么样,等回头问问她整体学完的反馈吧。不过就目前来看,她跟我反馈的说课程还是很寓教于乐的。老师不是只简单的手把手教,还会在课程中潜移默化的教他们如何自学的方法,再去解决课程中的问题。


课程的地址在这里:
https://cn.udacity.com/fend/?&utm_source=xiaojue_zhihu&utm_medium=KOL&utm_campaign=FEND
感兴趣的同学可以去看看。


最后,当然你也可以选择跟着这一套课程大纲进行自学,就是可能会比别人慢一些或多走一些弯路,总之无论怎样,自学也好,培训也罢,最后学到了真才实学才是目的,黑猫白猫,抓到老鼠就是好猫,希望题主能够早日明白这个道理。
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:23:00 | 显示全部楼层
铸造app,铸造论坛app
个人觉得不管是自学也好,培训也好,应该根据你的个人特点来进行选择。比如你时间多,比较自律,有耐心,不妨进行自学。如果你没有比好好的自律性,三天打鱼两天晒网,你很难坚持下去。
不管如何培训也好,自学也罢,一定需要靠自己坚持下去。做技术的需要一颗持续学习的心,因为技术真的更新很快,需要不停的学习,想要靠一招学习吃遍天下,是不适合做技术的。
我也是自学前端一路走来也不易,我看到了很多人坚持不了就放弃了。分享下自己的自学经历吧。希望对那些即将自学或者正在自学的人一点点指引吧。
=========
从 13 年专科毕业开始,一路跌跌撞撞走了很多弯路,做过餐厅服务员,进过工厂干过流水线,做过客服,干过电话销售可以说经历相当的“丰富”。
最后的机缘巧合下,走上了前端开发之路,作为一个非计算机专业且低学历的人来说,自学编程其实不是件容易的事情,不过庆幸的是自己坚持下来了。
目前工作还算不错,收入在目前所在的城市不算高,不算低,生活也还过得去,继续加油努力,也希望自己在今后更上一层。
从 16 年下半年开始,我真正接触前端,到现在 2 年多的时间。开始之初,我没有任何的语言基础,完全从零的小白开始,就连「对象」我都弄不明白,更别说那些高深莫测的什么封装,继承,多态等。
当时自己也不知从何入手,怎么办呢?于是每当自己遇到困难时,就厚着脸皮去请教前辈大牛,然后就是去查阅资料,很多时候自己也很觉得不好意思,现在才发现人很多时候都耻于相别人请教,怕自己丢面子。
但作为一个过来人,我要告诉你请教前辈大牛真的很重要,可以让你少走很多的弯路,不要怕丢人,没面子,面子值几个钱?学到真本事才最重要。没有技能才叫真的没有面子。当然了我们在请教别人时,一定要掌握「度」,不要打扰到了别人的工作。
我现在非常感谢前辈们的赐教,也感谢那些在网上写博客、文章分享的大牛们,给了我们这些自学的小白很多的资料,经验,心得。从中受益很多。
向优秀的前辈们学习,所以自己也开始进行学习总结写博客,希望也能帮到和我一样,学渣、从零开始、喜欢技术的一群志同道合的人。
我深知自己的技术并不高,还处在继续学习的路上,离大牛还差的很远,我本身也非常敬畏技术,也知道自己的渺小,只希望这篇文章的「学习之路」对于那些「从零开始」学习前端的同学有一些指引作用,不像自己一开始那样的那么盲目,哪怕对你有一点点的帮助,就足够了。
说了这么多,下面我们直接进入正题,都是我平时学习和收集的一些资料希望能够帮到你。
前言

    首先我得告诉你,自学是件很苦的事情,学习本身就是件反人性的过程,更何况在一个从零开始的全新领域独自奋斗,这里不是要打击你,而是要你认真想好,结合自身的环境、条件。不然半途而废浪费的不仅是时间,还有精力、金钱。如果你已经想好决定去做,那就不要犹豫,坚持下去你就可以成功,像我这样的学渣都可以,你没有什么不可以的,一定要相信自己。兴趣是最好的老师,很多人对这句话非常反感,被生活所迫,谈兴趣不可笑吗?其实不是,问问自己对技术有没有兴趣,做自己喜欢和感兴趣的事情才能够走的更远和更久,很多人不理解这一点,总有一天你会明白的,我当时转前端的时候也是因为自己挺喜欢,而且最接近用户,都是所见所得的东西很好玩,令外一方面也觉得工资也挺高,所以自己打心里觉得做前端挺好。做好持续学习,时刻保持学习的心态,说实话现在社会,科技的发展非常之快,技术的更新更是如此,如果你觉得学习一门技术就可以吃到老,我劝你还是打住,可能考个公务员更适合你(不要杠精,我并不是说公务员不要学习,自己体会就好)。永远不要觉得迟,只要行动然后坚持下去,你就干掉了 80% 的人,自学的人很多,但是坚持下来的没有几个。就像郭德纲说过,不是我的相声说的多好而是「我活了下来。著名营销人员「小马宋」毕业时烧了很多年的锅炉,但是自己对广告营销感兴趣,所以离职从零开始,现在已经是很有名的营销大师。有兴趣的可以关注下他的同名公众号「小马宋」。与其把时间花在学与不学的纠结上,不如把这个时间放在行动上,如果发现自己不合适也坚持不下去,那就换个赛道,专注的去做一件事情,会提高你的成功概率。
工具篇

工欲善其事,必先利其器,所以在开始之前选择一个合适好用的编辑器是很重要的,工具不再多,在于好用就行,除了编辑器,我们也要掌握其他的一些工具,才能够让我们在学习的道路上更加的顺畅。
1. WebStorm

不必多说,前端最强大的编辑器,特别是那无敌的智能提示,但是它的缺点在于如果项目多于大时,出现的卡顿让很多人苦恼。
    WebStorm:官网下载地址。WebStorm 有哪些过人之处?激活WebStorm2018
2. Visual Studio Code

微软开源免费产品,受到非常多技术人员的喜爱,基本上成为前端开发者的必备编辑器,强大的插件扩展,可以灵活的打造自己喜欢的风格。给你们送上常用插件列表拿走不谢。
    Visual Studio Code:官网下载地址。VSCode拓展推荐使用顶级 VSCode 扩展来加快开发 JavaScriptvscode 插件推荐
3. atom

也是一款免费开源的编辑器,受到很多人的喜爱,但是我本人用的较少,所以插件方面就不推荐了,大家可以按照自己的爱好去寻找。
4. 科学上网

每个程序员都应该具备的工具和能力,否则很多事情都无法办到,至于怎么做,你可以自己查阅资料,这里不就不在多说了。而且下面推荐的很多资源都是需要科学上网之后才能访问,所以一定要学会,一定要学会,一定要学会。
5. Google

在使用「Google」之前必须学会科学上网,不然无法访问,学会使用搜索可以帮助我们解决很多问题,一个人的知识是有限的,掌握了搜索的技巧才能以不变应万变,很多时候百度出来的东西重复性很大,最重要的是垃圾信息很多,在百度找不到的答案,在这里很容易找到,Google 是我的必备搜索。
6. Github

全球最大的「同性」开源交流社区,没有账号的赶紧注册,在这有很多优秀的资源项目,各种大神。观摩优秀代码是我们学习的很好路径。另外在开发过程中,很多时候任务重、时间紧,应该避免重复造轮子,这里能够找到你需要的工具或代码。
7. Stack Overflow

国外著名的技术问答交流社区,开发时碰到的很多问题在这里都能找到答案。
8. SegmentFault

对应的国内版的技术问答交流社区,如果你英文不好,也可以在这里找找答案。
9. Markdown

Markdown 轻量级标记语言,简洁的语法,让作者专注内容而非复杂的格式要求,我认为人人都应该掌握,特别是经常写博客的人。想想你在用 world 时的场景,每次写完文章之后,不得不话费很多时间进行格式的排版,使用它你就可以避免这些烦恼。
    Markdown 中文文档有道云笔记:我自己一直在用的在线 Markdown 编辑器。
HTML 篇

一些准备就绪之后,开始我们的学习之旅,首先我们先从 HTML 开始。
HTML名为「超文本标记语言」,是整个页面的结构基础,它承载了我们的页面内容。
1. 基础

    w3school 在线教程:内容非常的基础,适合小白学习,对 HTML 有一个入门了解。freeCodeCamp:一个非常好的入门学习网站,采用闯关的模式,就像游戏打怪升级一样,非常的有乐趣,准备自学的小伙伴不妨试试。
2. 进阶

    MDN HTML:这里的内容质量更好,错误更少,内容也更加的全面。HTML和CSS编码规范:掌握一些代码技巧,写出更好,更高质量的代码。
CSS 篇

HTML 承载了页面的内容,但是有时候会略显单调与「丑陋」,CSS 的作用就是为这些内容加上样式,就像一个美女也要有漂亮的外衣去修饰才会更加漂亮,「人靠衣装马靠鞍」,网页的内容也是需要穿上一件漂亮的外衣去吸引用户。而 CSS 则完成了这个装饰。
1. 基础

    学习CSS布局:带你一步一步的完成 CSS 的学习。CSS参考手册:对CSS可以有一个全面入门的学习。w3school CSS 参考手册:同上也是非常基础的知识,适合入门。
2. 进阶

书籍:
《CSS揭秘》:非常推荐的一本 CSS 书籍,可以学到很多鲜为人知的技巧。
在线系列:
    MDN CSS:和 HTML 都是 MDN 社区文档,质量保障。HTML和CSS编码规范:掌握一些代码技巧,写出更好,更高质量的代码。大漠老师的CSS系列:大漠老师对CSS有非常深入的认识和丰富的实践经验,《图解CSS3:核心技术与案例实战》的作者。大漠老师的SASS系列:大漠老师的 sass 文章系列。SASS中文网:成熟、稳定、强大的 CSS 扩展语言解析器,它可以让你使用变量,条件语句等书写 CSS。Stylus官网:同样是 CSS 预编译器,但它省去了一些符号,让 CSS 写起来更加的简洁,清爽。HTML5和CSS3:详解HTML5 和 CSS3。
知识点:
    别说你懂CSS相对单位:深入了解 CSS 的相对单位rem,em区别。CSS 进阶内容:常见知识点的深入了解。Flex 布局教程:语法篇:阮一峰老师的flex讲解。Flex 布局教程:实例篇:阮一峰老师的flex讲解。“CSS相关”目录存档:张鑫旭大佬的CSS系列文章,深入浅出,《CSS世界》作者。CSS绘制的40种形状和图形:利用CSS绘制出的40各种图形形状。CSS-大前端:一些 CSS 的知识点。
JavaScript 篇

有了 HTML 与 CSS,网页也就有了内容和样式,但是会缺少与用户的互动,所有的内容都静静的躺在那里死气沉沉。就好比一个美女穿着漂亮的衣服在你面前一动不动好像也没有什么吸引力,但如果又唱歌,又跳舞,还向你抛媚眼,那可真就把持不住了。JavaScript 就是给网页添加这样的「行为」。
Javascript 简史 :可以简单了解下,JavaScript 发展由来。
1. 基础

书籍
    《JavaScript权威指南 (第6版)》:俗称「犀牛书」,JS 的经典之作,提升JS技能的必备书籍,我的JS基础知识全都是啃这本书啃下来的,刚开始读时可能有会有些吃力,但是只要坚持下来收获满满。《JavaScript高级程序设计(第3版)》:俗称「红宝书」,JavaScript 超级畅销书,全书阐述了JavaScript语言实现的各个组成部分,ECMAScript,DOM,BOM,事件,面向对象等等,随时拿出来翻翻,更加深入了学习 JS。
在线系列
除了书籍之外,也有很多优秀的在线教程,可以帮助我们更好的学习。
    现代 Javascript 教程:非常全面的JavaScript 学习教程,从基础到高阶,非常详细,相信你会爱上它的。廖雪峰的JavaScript教程:廖雪峰系列教程。JavaScript 标准参考教程(alpha):阮一峰老师的系列教程,通俗易懂,案例丰富。
2. 进阶

    JavaScript语言精粹:揭示JavaScript中的精华。JavaScript 秘密花园:对 JS 一些的核心知识点进行梳理讲解,例如:this,闭包/作用域,构造函数,原型等等,都是面试必考知识点。ECMAScript 6 入门:阮一峰老师ES6入门书籍,全面介绍 ECMAScript 6 新引入的语法特性。JavaScript使用技巧:可以认识到一些你平时没有接触过的小技巧。深入理解javascript原型和闭包系列:详细解释了原型和闭包,看完之后对原型与闭包让你彻底明白。大漠老师的JavaScript系列:大漠老师的JavaScript系列文章。JavaScript 算法与数据结构:基于 JavaScript 的算法与数据结构,让你愉快的学习。JavaScript中的正则表达式:我自己的一篇正则表达式的文章,希望对你有帮助。30分钟掌握ES6/ES2015核心内容(上)30分钟掌握ES6/ES2015核心内容(下):阐述了一些常用的ES6的知识点。学用 JavaScript 设计模式:阐述JavaScript编程语言中经典和现代的设计模式。你不懂JS(系列丛书)InterviewMap:聚集了很多知识点,包括JS,浏览器,性能等。30 秒就能理解的 JavaScript 代码片段:让你更好的理解一些有用的JS代码片段。
TypeScript篇

ES6 的超集扩展,严格的数据类型,带来更好的维护,适合大型项目的开发工作,有人说它是未来的发展趋势,你说要不要了解?
    TypeScript 中文手册:官网翻译版。TypeScript Handbook(中文版):中文版。RxJS 中文文档:中文官网。30 天精通 RxJS (01):認識 RxJS :繁体字可能阅读起来并没有那么顺畅。
Jquery篇

虽说现在已经是单页面应用时代,有React,Vue 这种强大的框架可以使用,但也不缺乏一些老的项目需要维护,而且在学习之初,可以用它做两个简单的应用还是不错的,可以相对了解下基本用法,它可以让你更好,更方便的操作DOM。但不建议再深度学习。
    《锋利的jQuery(第2版)》:一本很不错的 Jquery 学习书籍。jQuery API中文文档:JQuery 中文教程。
Ajax篇

掌握了的HTML、CSS、JavaScript时,这时候可以尝试自己做一些项目了,而项目中肯定会有数据的交互,这时候就是 Ajax 的用武之地了。
    廖雪峰AJAX:廖雪峰大佬的博客知识。XMLHttpRequest 对象:阮一峰老师的AJAX详解。JSON风格指南:前后端的交互数据通常都是 JSON 格式,所以了解 JSON 是必要的。
NodeJS与模块化

NodeJs 的出现让前端发展进入了一个新的领域,并且滋生出专业的 Node 工程师,不仅如此 Node 在前端模块化,工程化起到很重要的作用,所以了解是必须的,如果感兴趣的可以深入学习,可以向全栈工程师发展。
    Javascript模块化编程(一):模块的写法Javascript模块化编程(二):AMD规范Javascript模块化编程(三):require.js的用法前端模块化开发那点历史:了解下,前端模块化的发展。Node.js 官方狼叔:如何正确的学习Node.js:狼叔江湖地位颇高,《更了不起的 Node.js》的作者。全栈工程师之路-Node.js
框架篇

随着日益复杂的用户需求,与系统的复杂度上升,传统的开发模式日渐的很难满足,此时的三大框架孕育而生,让开发者更加高效,可复用,把关注点都放在数据层的操作,免去那些繁琐而又重复的视图操作。
现在框架的能力已经是前端开发人员必备的技能之一也是趋势,三大框架的「最终目的」都是一致的,我认为开发者不必纠结于到底应该选择哪一个学习,可以选择其中的两个是最好的。对于刚入门的人来说,建议选择 Vue 入手,比较简单,灵活。
    MVC,MVP 和 MVVM 的图示:在学习框架之前,你应该了解下MVVM的设计思想。框架原理:了解一些框架的基本原理。
1. Angular

    Angular:Angular官方社区。Angular开发者:大漠穷秋老师维护的站点,Angular中国布道者。NG-ZORRO:Angular UI 组件库,阿里巴巴出品。
2. Vue

    Vue:官网,最好的学习资料。我的Vue进阶之路:厚着脸皮贴出来,自己的一些学习总结,希望对你有所收获,哪怕一点点。使用vue全家桶制作博客网站Element:一个高质量的 Vue UI 组件库。饿了吗前端团队出品。Vue 项目里戳中你痛点的问题及解决办法(更新):做项目难免回去到坑,这里你或许可以找到答案。
3. React

React我了解不多,所以就没什么好推荐的了,大家可自行学习。
    React官网
视频课程

很多时候,我们在学习的时候有些知识点很难理解或者自己一时间想不通,如果有大牛能够询问或者带着我们再好不过了,而那些视频学习资源是你最好的选择,能够录制视频的都是一些大厂的资深大佬,技术造诣也足够深,我就推荐几个我经常看的视频网站,供你们选择。
    网易公开课慕课网:高质量的在线学习平台。极客学院。网易云课堂腾讯课堂51CTO学院
图形可视化

随着日益增长的数据,如何利用高效的利用数据,是每个企业都考虑的问题,而人的眼睛看到的东西要胜过阅读的问题,俗话说「一图胜千言」就是这个道理,所以数据的可视化就会格外的重要,以下都是我常看的一些技术,书籍,和关注的可视化开源库。
    《HTML5 Canvas核心技术》:学习 Canvas 比较好的一本书籍。Canvas系列:大漠老师的 Canvas 系列。EchartsD3HighchartsAntVMapv
工程化与版本控制篇

1. Git

版本控制工具,很多新手往往把 git 与 github 傻傻分不清楚,二者是不同的东西,一定要去区分清楚。
    Git教程:廖雪峰老师的教程。Learn Git Branching:一种有趣的学习 Git 的方式。GitHub 漫游指南:作者是一个极客。git - 简易指南
2. Gulp

自动化构建工具,项目打包部署前的压缩合并,节省时间,提高开发效率。
    Gulp 中文网:官方教程。gulp详细入门教程:非常详细的实现步骤。
3. Webpack

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。
    Webpack中文文档webpack原理Webpack揭秘——走向高阶前端的必经之路Webpack HMR 原理解析 -webpack 热加载原理探索
4. Babel

JavaScript代码编译器,可以让ES6及以上语法转换成浏览器支持的语法,一般会在框架的脚手架中自行配置。
    Babel:官网教程。
5. 代码质量

    ESLint:javascript代码检测工具帮助我们写出更规范的代码。
浏览器与HTTP

    浏览器的常见知识点:需要我们了解的常见知识。网站安全:几种常见安全问题。同源限制从URL输入到页面展现到底发生什么?深入理解浏览器的缓存机制网页性能管理详解关于Http协议,你必须要知道的HTTP 协议HTTP2 协议浏览器同源政策及其规避方法跨域资源共享 CORS 详解总结 XSS 与 CSRF 两种跨站攻击
性能优化

    性能优化:常见性能优化。前端性能优化的七大手段延迟加载(Lazyload)三种实现方式详解懒加载和预加载前端优化带来的思考,浅谈前端工程化推荐几本与Web性能优化有关的书籍vue + webpack 前端性能优化
SEO

    SEO优化实战
博客系列

1. 个人

现在是一个信息爆炸的时代,网上有很多优秀的博客文章,每个人的精力都是有限的,不可能关注到所有的博客,每个人关注点可能不太一样,所以关注的个人博客也会不同,这些推荐几个我比较常看的几个高质量博客。而且是持续更新的。
    阮一峰的个人网站:阮一峰老师江湖地位不必多说,博客不止有技术,现在阿里任职。廖雪峰的官方网站:廖雪峰老师写过很多优秀的系列教程,值得去学习。张鑫旭:专注前端技术的大牛之一,出版《css世界》一书。W3cplus:大漠老师在手淘任职,CSS,HTML 有着丰富的经验。前端入门和进阶学习笔记:从零开始自学,然后进入京东,记录作者一路走来的学习笔记。六小登登:我自己的个人博客,记录自己的一些学习总结,个人成长,认识思维,虽然自己还是个菜鸟,但一直在路上。
2. 团队

    奇舞周刊:收集每周前端精华文章。美团技术团队:分享一些美团的技术路线。JavaScript Weekly:每周都会分享一些 JavaScript 优质内容。印记中文周刊:如果你对英文有阅读障碍的话,印记帮你翻译。凹凸实验室:京东团队。淘宝前端团队FED:淘宝前端团队,不必多说了。网易FEG前端团队:网易的前端团队,网易的产品一直都是我最喜欢的。IMWeb前端博客:腾讯公司前端团队,负责QQ的相关业务你就知道了,都是亿级别。tutorialzine:高质量教程和文章库。
优质社区

    掘金:一个帮助开发者成长的社区,很多高质量文章,我每天没事都会刷刷文章学学技术,自己的文章也会同步上去。InfoQ:技术人员必须知道的社区站点。CSDN:中国最大的技术交流社区。博客园:一个专注技术的社区。v2ex:V2EX 是一个关于分享和探索的地方,程序员聚集地。前端乱炖Medium:国外的优质社区,需要科学上网。
项目资源

    前端技能汇总:一个前端工程师需要的技能点和学习资料。You-need-to-know-css:一个CSS的优质项目,纯 CSS 实现我们项目中很多常用,不常用的样式。JavaScript libraries:一些优秀的JavaScript 开源库。awesome-web-dev-books:前端经典学习书单。前端 TOP 100:基本涵盖了所有前端在用的开源项目,我觉得收藏这一个就够了。
常用工具

    CSS Sprites Generator:雪碧图的在线制作工具。Lorem Picsum:好用的图片临时占位符。Md2All:优秀的现在 Markdown 编辑器。优波设计:优秀的设计导航网站,帮助你更好的寻找资料。搬书匠:书籍搜索下载。史莱姆导航:资源搜索。codePen:在线代码编辑工具。Iconfont:阿里的字体图标库,支持多种格式,下载图片,在线使用,SVG等等。Can I use:可以查看浏览器兼容 CSS 情况。在线工具:工具资源导航。
最后

    以上是我这两年多一路走来收藏的一些资料,整理这份资料也花了我好几天的时间,希望能够在自学的道路上帮到你。再次声明,我并不是什么大神,我自认为技术也没有到达这个层级,但是我会一直坚持学下去,另外一定不要误会这里面的知识我全部都会,这些都是我学习的一些资料想整理出来,免去小白的一些不知道如何查阅资料。这里的资源可能并不适合每一个人,你也不一定全部都需要,只需要挑选自己想要的部分就行,任何事情并不是越多越好。Web前端自学之路 这份资源我会持续的更新,欢迎大家一起交流,如果你觉得好,可以给个 star。我个人也创建了一个公众号,新的文章和资料我都会第一时间在公众号发布,除了分享技术,还会分享自己的行动,新的认识,感悟,心得体会等等,总之不只有技术。码字不易,如何你觉得本文不错,不要吝啬你的赞。欢迎关注:六小登登,一个爱写作的技术人。
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:23:42 | 显示全部楼层
铸造app,铸造论坛app
利益相关: 开培训班的...

先说结论:
培训一定是会加速学习进度的,也一定会对学习有帮助,你要么选择自学,要么选择培训同时自学,但并不存在只是培训而通往成功这条路。

在工作岗位中,身边的人大多都是自学,对于培训班的态度往往是比较不屑。

从一开始Android培训,到去年大热的iOS培训,再到今年如雨后春笋般冒出来的前端培训。(很多地方还叫做H5培训吧)

我能知道的有些培训机构因为看到近两年前端大热,就直接把教UI的老师搞来教前端,可想而知最终培训出来的最好结果就是个重构工程师,距离现代前端的要求还是有很大差距的。

我们可以想一下,如果前端这么简单,随便零基础做4个月就能上岗高薪,那是不是iOS的人自学两个月就可以了?后端的人自学一个月就可以了呢?那他们为什么不转去做前端呢?

因为在现代开发流程中,前端承担了更多工作内容,所以才会对前端的需求激增。

(前两天在群里有人问的,简直触目惊心)
学 Web 前端开发,培训还是自学靠谱?9594-满3644


所以找培训其实是件很难判断的事情,老牌的培训机构基本上是跟着热点在开班,java班招满了就扩班,web火了就开课,老师不够高价招,招来的老师水平参差不齐,反正在座的都是小白,瞎特么讲也没人听得出来,周末看一个视频里,授课老师说“class是企业开发中常用的方式,id和style不常用”,我真是一口盐汽水就喷出来了。

培训班主要盈利是靠学生量,那么把成本投给招生营销,显然比投给课程开发要划算,于是乎很多培训机构的前端培训课程都是“年久失修”,跟不上时代的,比如现在还要讲IE6的兼容,简直是个笑话对吧。

相比之下,一些小作坊一些的培训机构反倒靠谱一些,因为只有几个班或者一个班,讲师就是创始人,讲课质量有保障。同时因为是一线技术出身,对于重构和JS会兼顾的比较好,有些机构的JS课程也有相当难度,是针对已经入行一段时间的同学做加强提高的。这种提高班的课程对教案和老师的要求比较高,因为学生也都不是小白了,不是随便照着W3school念念就能糊弄得过去。

可以给你们讲一个经验:但凡能做前端在职提高的讲师,往往是比较靠谱的。

其实培训机构培训不是两个等同的概念,培训机构是以盈利为目的,而培训则是系统集中的去学习,这和在工作之余用碎片时间学习有着很本质的不同。

从学习方式来看:
自学通常是通过视频和博客来学习,这其中的问题在于,一开始的时候没有一个整体的知识框架,反正哪里不会点哪里,零碎得来的知识无处安放。
今天背了一些概念,明天做了几个实例,学了一段时间发现,背的概念不知道怎么用,做的实例不知道怎么举一反三。
培训班可以比较系统的梳理知识点,并且设置合理的练习题,及时的对知识点进行实践,这是系统学习比起零散学习的一个很大优势。

从学习进度来看:
前端知识点比较琐碎,自学的时候很难知道自己到底学到了多少知识,距离工作岗位的要求还有多远的差距。毕竟我们看到招聘的要求都是“精通HTML,CSS;掌握JS开发,熟悉原生JS原理”之类的,怎么可能知道到底什么叫精通啊,什么叫了解啊是吧。
另外就是自控力的问题,一个人看视频真的特别特别难,尤其是不知道到底要多少时间能学到什么阶段的时候,非常容易有挫败感,容易放弃。

从职业规划来看:
自学的时候一直是站在一个小白的角度,仰望这技术圈。你觉得这群人很神秘,你不知道他们日常是什么样,也不知道如果自己的以此为职业的话,会是怎样的体验。而一些有实力的培训机构,可以让大家提前接触到一线的程序员,甚至参观体验大型的IT公司,这是自学完全不能获得的资源。

从求职就业来看:
当你觉得学的差不多了,可以开始找工作的时候,怎么写简历,怎么投简历又是一个困难的问题。面试官更看重什么方面,自己的知识储备能不能达到面试要求,不足的地方在哪里,这些基本是两眼一抹黑的。这时候有行内的人稍微点拨一下,甚至就是各大公司的面试官给予一点指导,可以在求职路上少走很多弯路。

------<hr />------

自己就是培训机构利益相关的人,但是尽量还是说的比较中立(你看,我都没有打广告讲我们机构有什么特点,连名字都没说...)

因为这个问题里面有很多对培训机构无脑黑的答案,我们还是要理性想一下这个问题。

如果一个行业都是由骗子构成的,为什么这个行业还会存在?

可不可能一个机构创造不出任何价值,却一直做到了上市?

培训机构就真的没有好老师么?好老师为什么教不出好学生?

这些问题的答案和我们对培训机构的第一印象显然是矛盾的,那培训行业到底是哪里出了问题呢?

这个问题就是:招生

机构变大之后,一定会扩招,扩招就带来了两个很大的问题:师资力量不足;学生基础不好。

前端这个行业很年轻,而旧时代的前端新一代的前端差别非常大,如果一个有着超过5年开发经验,能够胜任“全栈”岗位的前端工程师,显然可以拿到比培训讲师更高的薪酬,以及更高的社会地位。

所以我们能看到的一些“资深讲师”,很多是做了多年讲师,但其实自己根本就没有在现代前端时代有过从业经历,眼界跟不上时代,自然也很难培养出高级人才。

不吹不黑,某知名UI培训机构推出全栈开发课程,为期四个月,我们看一下高级部分的大纲:
学 Web 前端开发,培训还是自学靠谱?5931-满3644
也就是到了js皮毛的水平,nodejs丝毫不提及工程化碰都没碰,学会JQuery就算是高级进阶了。

这不是坑人么,因为自己比较熟悉UI部分,所以动画效果的内容安排倒是很多,各种酷炫动效,花式切图,编程完全水过去了。这样的前端出去只能走重构方向,也完全没有职业的眼界,不知道进阶的道路是什么。

至于学生基础问题,随着扩招,一定有更多基础不足的学生入学。

大专非计算机专业学历,觉得前端简单,就来上了四个月课,然后梦想着毕业就能高薪就业。

你们不要太瞧不起上了四年计算机专业的一本学生好么!

比你聪明,比你一路都受过更好教育,学了四年计算机相关知识的人,也未必可以高薪就业。

你凭什么觉得自己突然想要努力了,四个月时间就会比别人家四年都厉害。这可能么?

可能

前提是,如果
你的英语可以有四级水平,或者能硬着头皮去查看英文文档
你的逻辑思维非常清晰,
你能读完并理解几本经典教材
你肯每天花12个小时以上投入到编程中,
你能在四个月时间里面切完至少五十张图
你能在github上坚持120天连续提交代码

那还是可能成为一个合格的前端工程师的。

培训机构最多能够带来一个契机,不能够带来奇迹

------<hr />------

最后讲个自己的事情,送给想通过培训走上前端岗位的同学。

高考前一个月的时候时候,有一天晚自习,我们英语老师和一直英语成绩不好的我说

“你现在这个时候努力已经没有用了“

”要玩命才行”
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:24:19 | 显示全部楼层
铸造app,铸造论坛app
学 Web 前端开发培训还是自学靠谱?这个没有办法给您准备答案。您可根据您自身的情况进行决定,通过以下几个方面去判断:
学 Web 前端开发,培训还是自学靠谱?5092-谷凝雨 第一、自检一下自己是否适合学习web前端

1、能否保持长期不断的学习
只要是技术类的,都必须要保持不断的学习,开发技术更新迭代快,不学习就被淘汰,这是不争的事实。想长期在web前端行业做下去,保持不间断的学习是必须的。如果可以的话,无论是通过自学还是报web前端培训机构学习,都是支持的。
2、是否有较强的学习能力、动手能力
学习web前端一定要注重代码的练习,要多写多练,虽然Web前端开发一直以来大家都是难度不高,但是在学习中还是需要有一定的理解能力,初学者需要通过不断的练习才可以慢慢知道掌握技术知识,所以,学员的理解能力和动手能力是学习web前端技术的基础。
3、能否做一份详细的学习计划
是学习就一定要做一个学习计划,尤其是自学的人学习计划更加重要。Web前端开发的整体难度并不算高,所以,如果可以制定一个系统的学习计划更加有助于学习。Web前端总的来说包括三大部分内容,分别是Html、CSS和JavaScript,其中JavaScript是公认的最具难度的知识点,也是web前端学习的重点和难点。同时也要找一套合适的学习资料。如果您报班学习的话,可能不需要您那么费劲的去写进度,但您也要在讲师讲完之后必须理解,且得运用所 学技术做出东西来才行。
4、是否有足够的时间
这个无论您是自学亦或是报培训机构学习,您都得腾出一定的时间。自学的话,如果您上班族的话,安排好自己工作的同时,把自己的吃饭、休息、逛街等时间给抛除后,看一下自己学习的时间有多久,结合自己的学习计划,保留出来一定学习时间。还要有一定的控制能力保证学习可以顺利进行。
如果您选择报web前端培训班且是脱产的话,web前端报培训班学习周期大概是在4-6个月左右。您得想清楚,用这么长时间去学习,怎么样学习能不浪费这么长的时间。当然是要在web前端培训机构好好学习了。但问题是您能抽出小半年的时间吗?
学 Web 前端开发,培训还是自学靠谱?3067-谷凝雨 第二、web前端培训还是自学好?

这个问题就是仁者见仁智者见智了,不管是选择自学还是选择web前端培训班学习都是要根据自身的实际情况来决定到底是自学还是培训,因为二者之间是各有利弊,通常有以下几点:
1、 时间,自学需要的时间相对于培训来说周期要长
2、 费用,自学所花的费用要少一些,培训的话除了食宿费、还需要学费等一些相关费用,而自学除了食宿最多也就是在花几百买些学习资料。
如果您想要一边工作一边学习的话,也可以,只要注意获取前瞻的技术资料,自己一步一个脚印的学习也是可以的。还是那句话“自学能学出来,就别报web前端培班”。
以下是web前端需要学习的知识点,希望对您的自学之路有帮助。
学 Web 前端开发,培训还是自学靠谱?6608-谷凝雨

无论是自学还是报web前端学习,目的都是为了自己能学到真正的技术。
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:24:27 | 显示全部楼层
铸造app,铸造论坛app
我是自学的,也是毕业于电子信息工程专业的(只是我是从小学编程的)。毕业的时候想找一份嵌入式方面的工作,但是因为学校原因被拒了N次。

理想的方式是有个人带,或者对整体有个概念会比较好。至于培训班,好像现在有对培训班出身的歧视。不过也应该勉强可以能让你对系统的知识有个了解。

我也习惯性将之前自己学的东西整理成电子书,所以如果是Web开发的自学可以看: GitHub - phodal/growth-ebook: Growth Engineering: The Definitive Guide。全栈增长工程师指南,有详细的Web开发知识的介绍:

    Growth: 全栈增长工程师指南
      全栈工程师是未来
        技术的革新史软件开发的核心难题:沟通大公司的专家与小公司的全栈全栈工程师的未来:无栈

    基础知识篇
      工具只是辅助
        WebStorm 还是 Sublime?语言也是一种工具
      提高效率的工具
        快速启动软件IDEDEBUG 工具终端或命令提示符包管理
      环境搭建
        OS XWindowsGNU/Linux
      学好一门语言的艺术
        一次语言学习体验输出是最好的输入如何应用一门新的技术
      Web 编程基础
        从浏览器到服务器从 HTML 到页面显示
      HTML
        hello,world中文?其他 HTML 标记小结
      CSS
        简介样式与目标选择器更有趣的 CSS
      JavaScript
        hello,worldJavaScriptFul面向对象其他

    前端与后台
      后台语言选择
        JavaScriptPythonJavaPHP其他
      MVC
        ModelViewController更多
      后台即服务
        API 演进史后台即服务
      数据持久化
        文件存储数据库搜索引擎
      前端框架选择
        AngularReactVuejQuery 系
      前台与后台交互
        AjaxJSONWebSocket

    编码
      编码过程Web 应用的构建系统
        Web 应用的构建过程Web 应用的构建实战
      Git 与版本控制
        版本控制Git
      Tasking
        如何 Tasking 一本书Tasking 开发任务
      写代码只是在码字内置索引与外置引擎
        门户网站内置索引与外置引擎
      如何编写测试
        测试金字塔如何测试
      测试替身
        StubMock
      测试驱动开发
        红-绿-重构测试先行
      可读的代码
        命名函数长度其他
      代码重构
        重命名提取变量提炼函数
      Intellij Idea 重构
        提炼函数内联函数查询取代临时变量
      重构到设计模式
        过度设计与设计模式

    上线
      隔离与运行环境
        隔离硬件:虚拟机隔离操作系统:容器虚拟化隔离底层:Servlet 容器隔离依赖版本:虚拟环境隔离运行环境:语言虚拟机隔离语言:DSL
      LNMP 架构
        GNU/LinuxHTTP 服务器
      Web 缓存
        数据库端缓存应用层缓存前端缓存客户端缓存HTML5 离线缓存
      可配置
        环境配置运行机制功能开关
      自动化部署
        依赖与包仓库构建软件包上传和安装软件包

    数据分析
      构建-衡量-学习
        想法-构建产品-衡量数据-学习
      数据分析
        识别需求收集数据分析数据展示数据
      用户数据分析:Google Analytics
        受众群体流量获取移动应用
      网站性能
        网站性能监测网站性能
      SEO
        爬虫与索引什么样的网站需要 SEO?SEO 基础知识内容
      UX 入门
        什么是 UX什么是简单?进阶用户体验要素
      认知设计


    持续交付
      持续集成
        持续集成系统持续集成流程
      持续交付
        基础设施持续部署
      持续学习
        持续阅读持续编程持续写作

    遗留系统与修改代码
      遗留代码
        遗留代码
      如何修改遗留代码
        修改遗留代码
      网站重构
        速度优化功能加强模块重构

    回顾与架构设计
      自我总结
        吾日三省吾身
      Retro
        Retro 的过程三个维度
      架构模式
        预设计式架构演进式架构:拥抱变化
      浮现式设计
        意图导向重构模式与演进
      每个人都是架构师
        如何构建一个博客系统相关阅读资料
      架构解耦
        从 MVC 与微服务CQRSCQRS 结合微服务


「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:25:09 | 显示全部楼层
铸造app,铸造论坛app
给小伙伴们推荐三本书,对于前端的学习很有帮助:《Head First HTML与CSS、XHTML(中文版)》《JavaScript高级程序设计》《JavaScript权威指南》。
1.可以寻找到一套前端系统的学习教程,千万不要看杂而不系统的东西,这样很容易让你学的不系统,到时候补救就必须从头开始,会造成浪费时间的严重和后果。
2. 学习前端编程一定要循序渐进,这个过程会很漫长,但是不可以着急,每天学习两节新知识的视频,记住视频不要光看,光看是没用的,学习完知识点,一定多去做练习,用练习去巩固新的知识点,每天坚持去做。
3.找一个学习氛围不错的学习交流群,有问题可以在里面问,也要多帮助别人解决问题,你在帮助别人解决问题的同时,也是在让自己复习一遍,这都是我曾经的学习经验。
4.进行系统的规划,学习前端是长期的过程,不要怕时间长,每天坚持去做,后面会给你带来很大的回报,就看你是否能坚持每天都去执行。
我建立了一个交流学习前端的自学团,在自学团里会严格监督大家学习打卡,定期分享学习资料,定期组织项目实践,给大家匹配适合的学习伙伴。想要加入或者了解的话,可以私聊我或是给我留言
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:26:07 | 显示全部楼层
铸造app,铸造论坛app
自学是做开发的基本能力。
但是作为入门而言,是自学好还是培训好?我认为还是培训更好。
在知乎有很多大佬都说前端不需要培训自学就好,但是要知道,说这些话的大佬里,有的是计算机专业出身,有的是在培训机构学习入了门,或者已经从事了相关工作,再有就是天资卓越一学就懂的自学党。他们对前端入门知识已经十分了解了,对他们而言,写代码就像吃饭一样简单。
因为他们所处的阶段是从1到100,但是对于零基础想要从0到1的入门选手呢?他们可能连前端要学哪些东西都不知道,盲目自学就会走很多弯路。
就像你自己自学了html、css,但是学到Js就不懂了,视频课程里有些你有的疑问,老师没讲到的怎么办?你写代码的时候写错了,不知道哪里错的怎么办?
就算你把一个视频单曲循环100遍,那些老师没讲到的,恰巧又是你不懂的东西也不会被解决。
然后就说2019年,新一代的教学形式,在中公优就业已经实现了老师“捆绑式”教学。
二三十个学生对应一位老师,面对面授课,有问题课堂可以随时提问,课堂下的自习时间也都有老师在教室值班等候学生提问。
最重要的是,我们虽然是面授课程,但也会同步将面授课程录制成视频,提供给参加面授课的学生,供他们课下反复学习观看。
1.不怕你提问,老师就在你身边
2.不怕你漏听,录课给你课下反复学
3.不怕你没老师指导,小班制教学
开发技术日新月异,作为开发人员保持自学本就是最基本的修养。
学知识就像盖房子,基础打牢了,之后盖房子也就容易了。
从0到1带你学好前端最基础的内容,之后你在工作中遇到问题也会知道是哪里的问题,再找相关的书籍资料解决问题。
在此我们不歧视不偏视任何一种学习形式,有的人天资卓越,适合自学,并且还能学懂,那自然自学是好的选择,那有的人基础较差,自学不懂,又没有坚持的毅力,那自然是培训更好。
学习本来就没有既定的法则,选择适合自己的,学习效率最高的,能学到知识的就行。
最后,学习前端最重要还是要写,每个阶段学习都要做出点东西出来,光看不练不行。
比如你现在已经学完html、css了,是不是自己就能做一个静态页面来看看了呢?
再往后学习的时候,是不是自己能做一个动态页面了呢?
最后如果你需要前端方向的学习资料可以私聊小优分享给你。
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

发表于 2021-1-27 13:26:21 | 显示全部楼层
铸造app,铸造论坛app
从“古惑仔”到“前端开发”

引子:下面这位宋同学是2017年第八期的班长,95年,高中学历(没上完),英语非常差,来珠峰之前是一名“古惑仔”,我们先看看他是如何在珠峰逆袭的!
我的过去不想提,时间回退到2017年,一个再正常不过的夜晚,那时的我是一名滴滴司机,和平时一样,和乘客聊着天。我说我想浪迹天涯,乘客告诉我,梦想要有,但是追求梦想是需要能力的。然后我们聊了很多,理想,人生。他告诉我可以从事互联网职业。那样就可以去很多的地方。有热情,更要有人指路,幸运女神眷顾了我,我遇见了给我指路的人。
就这样我来学习了前端,来了珠峰。刚开始也是心里长草,野惯了,突然静下来很不习惯每一个新的知识几乎都是懵圈三问:这是什么?这是干什么?我靠怎么这么难?紧接着的就是弃疗三连:我要认真看!我靠都TM的是什么呀!算了吧!随它去了。每天都是内心的煎熬,因为我发现好像就是只有我不懂,我周围的人全会。这就让人很崩溃。事实证明有时候,我们需要的仅仅是一点点坚持和一点点努力。改变我做事的态度。再心态改变的整个过程每位珠峰的老师是帮到了很多,耐心的为我解答问题。
如果说前面的教我知识只是它们的本职工作,那后面做的就远远超出了他们应该做的,在北京奋斗很快就会被淘汰。我大部分的学费和生活费都是朋友借,当时下定决心的时候学前端的时候,我的兜里只有几千块钱。在学习过半,房租交不起,生活费都没有,真的就是山穷水尽,珠峰的各位老师帮助了我。从小家里人就教导我,‘帮你是情分,不帮是本分’。在社会上走的这些年也学会了’人对你好一分的人,请对他好十分。‘和’做事情是要将规矩的‘。可以说没有各位帮助我就真的可能毕不了业。谢谢帮助过我的各位。所以在外面提到各位的时候,我都会加一个’哥‘或者’姐‘。不管别人怎么说,我觉得各位是真的很不错。不管是作为老师还是朋友。
学习完成之后的找工作,各位也是提供了十分的帮助。第一次面试都会紧张,但是不怂,就是干。当你熟悉之后就好了。我的运气比较好,第一家面试就遇到骗子,在通州,我坐了两个小时的车,又走了半个小时的路到了面试的地方,结果面试三分钟结束,当场发录用通知,试用期八千,但是要交八百的服装费,我靠。这不就是”现在有个两亿的项目,就差你手里这三百块的启动金了“。说实话我当时是被忽悠的脑子有点热。下楼之后我立刻给周啸天天哥打了电话。解答了我的疑惑,果然是骗子。还好我机智。后面面试也是遇到了很多有意思的面试,遇到很多有意思的人,九五后CEO,大学生创业团队,和蔼的老前辈。事没有变,但是做事的人变了。我开始期待面试。面试事一场双向选择的游戏,公司在选择你,你也在选择它。遇到过那种盛气凌人的面试官,刚坐下聊两句,我直接让他把简历还我,丢下一句”对不起,我可能不适合咱们公司“转身就走。一句话”不怕,不行就下一家“,只要你在找就永远会有机会。
我记得拿到录用通知,签合的那天,北京下了最大的一场雪,我上午面试回来,正在午休,下午就是电话,让我去谈薪资。听到这个消息。我是连滚带爬的跑到浴室收拾自己,洗澡,把过年的新衣服拿出来。我要以最好的自己迎接新的人生阶段,男人就要有仪式感。到了公司楼下我还给天哥打了个电话,确定了需要注意的地方,一切都很成功。结束之后给天哥电话,还皮了一下说没成。天哥说没事快了。珠峰是一个有人情味的地方。回来的时候浑身已经被化掉的雪水湿透了。但此刻我只想到一句话”瑞雪兆丰年“;
不是所有的“某峰”都叫做“珠峰”

引子:下面这位马同学,30多岁,之前在“某锋”学习的前端,毕业后感觉学校传授的知识太过于肤浅,不够工作之中的所需,又来到珠峰培训参加后面框架和JS深入课程的学习;
今年我在珠峰报了前端课程,现在工作有一个多月了吧,谈些自己的感受,我个人感觉,珠峰在营销上其实做的不够的,但是在业务上做的太够了,从以下几点来说吧:
第一,很多课程讲2遍,从不同角度讲,这确实是非常难得的,因为这相当一个班级配备2个老师,成本之高可以想象,我想这只能通过压缩营销和其它成本来解决吧。
第二,注重原理,有时候一样东西学会不容易,学懂就更是难上加难,珠峰的老师很多从源码的层面给你用代码敲出来,这种水平绝对不是吹出来的,市面上有这种水平的真的不多。
第三,对学生及其负责,很多老师在毕业还在给学生答疑,我只能说,良心啊,不容易,他们真的没那么多架子,专注业务,专注学生,这种企业文化一定不是一年两年养成的。
第四,专注前端,多年积累,他们给学生灌输的理念也是强调专注,这是个人发展所需要的,其实把一件事做好真的很难,如果没有多年的专注,很难说会有什么作为,昙花一现而已,珠峰自己做到了,很多学生也因此受益匪浅。
说了一二三四,我只想说,这家店确实不错,如果学前端,这儿值得选择。
上面的文案内容全部是学员发自内心的阐述,珠峰培训不擅长营销和内容编辑,所以我们没有任何的修饰和改动,没有太多华丽和惊心动魄的文笔,只是一些“流水账”式的描述,但是如果我们深究文字背后的故事,你就会了解到平凡中的伟大之处!!
揭秘他们背后的故事

这两位同学我比较熟悉,平时关系比较亲近一些,在一起聊的也比较多,接下里我就把我知道的背后故事讲给大家听。
古惑仔:宋同学

17年7月份,结束了半年的多的高校巡讲,回到北京后带了一期新班(2017年第八期),宋同学就是这一期的,而且是这个班的班长(虽然学习不是很好,但是性格开朗、乐于助人)。
在一起时间久了,对他的过去也了解很多,之前想让他自己说说的,但是他说那是痛苦的回忆,不提也罢了,ε=(´ο`*)))唉,确实是段痛苦的回忆。
他自小家庭条件不是特别的好,十几岁上学的时候,家里面对他的关心也不是很多,年轻人由于种种原因吧,开始“浪迹江湖”,开始了自己“古惑仔”之路,用他的话说:收过保护费、看过场子、上门讨过债、做过小弟也做过大哥...,总之来珠峰之前就是各种混,钱没有赚到啥,也没有学到啥养家糊口的本事,每天像“行尸”一样浑浑噩噩。
说心里话,他过来学的时候我也比较“犯嘀咕”,能不能学会啊,这一点倒并不是在意学历基础啥的,主要原因是,他之前的状态已经非常不适合学习了,来到这学门技术,首先要克服的是学习状态和心态。通过两周的JS基础知识免费课观察,虽然学习起来很吃力,但是贵在坚持和努力,这样的学生我们珠峰管定了,我们做教育的目的不也是为了改变人吗!!
接下来的学习中,在他快崩溃的时候,同学和老师一起帮助一下,鞭策一下,继续咬紧牙,努力学下来。他是 “没有啥是五十遍解决不了的,如果有,那就再来五十遍” 最大的受益者,英语单词记不住,没事50遍,代码不理解,没事,老师给你多讲几遍,自己在多敲几遍...这样只要肯付出努力,啥问题都解决了。
如果只是这些,那么也不足以让我单独拿出来和大家分享了(在珠峰,零基础接受慢,但是最后找到好工作的同学都是这样的),在他的身上我真真切切看到了啥是“祸不单行”。课程进入到后面最重要几周的时候,他请假回家了,当时感觉不对劲,就询问原因,原来是“弹尽粮绝了”,而且之前来珠峰的时候,借了不少钱(有些利息还比较高)...
接下来很长一段时间(包括学习和找工作复习),我们资助了他生活费,让他在宿舍免费住着,中间有一段时间,他自暴自弃了,后来狠狠的骂了他一通,把他骂醒了,继续咬牙坚持奋斗,最后斩获¥12000的前端开发工作...
宋同学的亲身经历,向我们阐述了什么才是:有志者,事竟成,破釜沉舟,百二秦关终属楚; 苦心人,天不负,卧薪尝胆,三千越甲可吞吴;
30多的老大哥,在珠峰领会到了学习的意义

18年年初,当带着近期毕业的班级做完就业指导和知识梳理后,正好赶上第十四期的 “VUE、REACT、WEBPACK、NODE” 学习阶段,正好当时没课,就去带了这一期,也是在这时认识了从“某锋”过来的插班生马同学。
我一般10点多,有时候近12点才从珠峰回家(陪着学生多学会),马同学毕业后打算回深圳工作,所以没有单独租房,住在学校旁边的青年旅社,经常晚上锁门后遇到他,然后就会坐下来和我唠几十块钱的。
他之前所在机构的学习偏向基础练习,核心原理以及深入思想都没有讲,重点的VUE和REACT框架就讲了几天,ES6也是讲了点皮毛,Promise简单用一下,连常规的then链机制都没有讲(其实现在大部分前端机构都是这样,不是不讲,是因为老师都不会),之前的老师们给他们灌输的思想是:“会用就行,项目只要做出来即可...”,听到这我心理“咯噔一下”,因为我知道,接下来很长时间我都要想尽办法转变他的学习理念了。
不同于从基础就在珠峰学习的同学,前面的JS核心部分,我们已经用时间和行动,给学员灌输了 “学习要知其然而知其所以然”、“原生深入的JS理解才是王道”、“市面上80%的开发者都不注重基础和原理,所以只有20%以后才不会被淘汰”、“珠峰的知识体系确实有难度,但是只要有口气在就要把他攻下来” 等很多理念,但是对于他,我们需要纠正其脑海中的错误理念,让其“修身养性:沉住气、踏实稳定”下来,让其认真的补习前面的基础知识,对于之前他们没有学习到的,私下里给点课件和资料,帮助其把知识点打牢...
就这样,晚上夜谈了很多次,最后看到他比以前更专注去学习,认识到了基础核心的重要性,到最后通过自己的努力在深圳斩获¥17000的工作,我也松了一口气,替他感到高兴,也算完成了珠峰赋予我们的使命:“通过某种技术学习,引导人、激励人、提高人、改变人”。
现在市场对于前端开发者的需求有很大的缺口,前端开发依然是最热门的技术岗位之一,但是对于前端开发者的要求也越来越严,都要求P4及以上的(中高级),所以很多机构技术讲的肤浅,学生根本找不到工作。珠峰培训这几年“太傻了”,不会营销,都在卖傻力气,找行业大神和我们一起搞技术和课程研发,所以对待学员,我们首先就是对其阐述正确的学习价值观。
宋同学和马同学只是众多珠峰学子中的一员,像这样的故事,每天都在珠峰发生着。在珠峰教学的这几年,我看到最多的是:
    任课讲师每天陪学生到很晚,既当爹又当妈,“传到、授业、解惑”全方位关怀,我相信也就在珠峰才会出现,学生把老师称呼为“周妈、牛妈、耿大大...”吧零基础、接受慢的同学每天都学习到凌晨,没有节假日,也曾因为暂时学不会而烦恼或者大哭过,也曾因为终于把这个知识点搞定而破涕为笑过,也堕落过,也堕落后又重新站起来继续奋斗过,“酸甜苦辣”在珠峰的这五个月品尝个遍...
九年珠峰、有口皆碑,我们提供了一个只要肯努力必将成功的平台,数万学子在这里尽情挥洒汗水,这个平台也绽放了一朵又一朵的万丈红光,期待珠峰越走越远...
「帮助大家,鼓励一下」
回复 支持 反对

使用道具 举报

下一页 »
12下一页
返回列表 发新帖
关闭
快速回复 返回顶部 返回列表