1. 首页
  2. 前端

小白想学好Web前端,要找对入门的学习方法

很多想转行的朋友,很多人跃跃欲试却又不敢转到前端这一行,都是因为害怕自己搞不懂、学不会编程,搞不定代码。

小白想学好Web前端,要找对入门的学习方法

一、工具篇

工欲善其事,必先利其器,在开始之前选择一个合适好用的编辑器是很重要的。工具不再多,在于好用就行,除了编辑器,达妹也要给代价要推荐其他的一些工具,才能够让你在学习的道路上更加顺畅。

1.WebStorm不必多说,前端最强大的编辑器,特别是那无敌的智能提示,但是它的缺点在于如果项目多于大时,出现的卡顿让很多人苦恼。

2.goole一个人的知识是有限的,掌握了搜索的技巧才能以不变应万变,很多时候某度出来的东西重复性很大,最重要的是垃圾信息很多,在某度找不到的答案,在这里很容易找到,Google 也是小编的必备搜索。

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

4. MarkdownMarkdown 轻量级标记语言,简洁的语法,千锋石家庄Web前端培训小编认为人人都应该掌握。在用 world 时的场景,每次写完文章之后,不得不话费很多时间进行格式的排版,使用它你就可以避免这些烦恼。

二、HTML篇

一些准备就绪之后,开始我们的学习之旅,首先先从 HTML 开始。

HTML名为「超文本标记语言」,是整个页面的结构基础,它承载了我们的页面内容。

w3school 教程:内容非常的基础,适合小白学习,对 HTML 有一个入门了解。

freeCodeCamp:一个非常好的入门网站,采用闯关的模式,就像游戏打怪升级一样,非常的有乐趣,准备自学的小伙伴不妨试试。

三、CSS 篇

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

芯晴素材网-网页特效代码,是集各种网页素材以及网页源码为一体的面向开发人员的一个网页素材网站。

前端网页制作过程中所涉及到的任何特效代码,都可以来这里搜索,非常方便使用,在你还不会自己写代码时,先看看别人是如何写这种动效代码的,鼠标特效、图片切换、导航、鼠标、图片轮播、文字滚动、css、菜单、图片放大等特效代码全部都有。

四、JavaScript篇

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

五、Jquery篇

虽说现在已经是单页面应用时代,有React,Vue 这种强大的框架可以使用,但也不缺乏一些老的项目需要维护,而且在学习之初,可以用它做两个简单的应用还是不错的,可以相对了解下基本用法,它可以让你更好,更方便的操作DOM。但不建议再深度学习。

jquery插件库网站,在合理,各种前端程序员能用到的插件,细化研究新东西的自学者都可以挖掘出各种小插件。

六、NodeJS与模块化

NodeJs 的出现让前端发展进入了一个新的领域,并且滋生出专业的 Node 工程师,不仅如此 Node 在前端模块化,工程化起到很重要的作用,所以了解是必须的,如果感兴趣的可以深入学习,可以向全栈工程师发展。

七、框架篇

框架能力也是前端开发人员币别的技能之一,三大框架的「最终目的」都是一致的。小编认为初学者不一定纠结到底应该学习哪一个,可以选择其中的两个是最好的。对于刚入门的人来说,建议选择 Vue 入手,比较简单,灵活。

小白想学好Web前端,要找对入门的学习方法

全面技能图谱 前端门槛低,但是里面门道很多,要想成为一个好的前端一点都不简单。

1. 概述 我相信想开始学习前端的小伙伴们都会听说过html,css和js这三个大家伙。

web前端全面技能图谱

2019最全Web前端技能图谱,文末附赠一套Web前端学习资料

前端门槛低,但是里面门道很多,要想成为一个好的前端一点都不简单。

1. 概述

2019最全Web前端技能图谱,文末附赠一套Web前端学习资料

我相信想开始学习前端的小伙伴们都会听说过html,css和js这三个大家伙。简单来说html就是一堆标签,然后可以在页面显示出一些控件,例如表格,输入框,按钮等。而css的作用在于控制html的标签位置,效果等,如果不是css的话,我们不会见到平时那些如此美观的页面。js的作用主要是提供运算功能,动态操作页面的元素,还可以通过网络与服务器通讯(传说中的ajax),动画效果很多时候也是js弄出来的。

2019最全Web前端技能图谱,文末附赠一套Web前端学习资料

你说学习上面三种东西难不难呢?其实一点都不难,多写写页面就会了。上面的图上的东西基本了解之后其实做项目已经没有压力了,当然仅仅是实现功能没有压力,兼容性美观那些还是得不断进修才可以。

前端进阶要学习什么知识呢,其实主要是学习一个兼容性处理,你看现在各种浏览器,各种尺寸的屏幕,适配绝对是一个技术活,弄得好就是一个核心竟增力来的。

另一个东西就是ajax和页面元素操作了,现在一直都在推崇前后端分离,所以网络请求必须得会。

最后呢,写的代码要有可维护性,并且现在都是追求效率的年代,所以效率也很重要。追求效率我们通常引入一些第三方框架,例如jquery,bootstrap等,这样子我们的开发效率就可以大大提高。维护性来看,我们引入vue等mvc框架,开发模块化,然后通过webpack等工具打包页面,使用less预编译css就可以很好的维护工程。

2. 常用的js框架

2019最全Web前端技能图谱,文末附赠一套Web前端学习资料

前端框架多如牛毛,一般我们到需要的时候再边学边用,上图是一些用得比较多的框架。个人建议学习一下,反正没坏处。

3 js技能

2019最全Web前端技能图谱,文末附赠一套Web前端学习资料

作为一个合格的前端,上面的基本技能怎么可以不了解一下呢?不过不要紧张,因为前端发展了怎么多年,已经有很多有用的第三方库来简化我们的工作了,但是还是建议大家伙好好学习理论知识,这样子才可以以不变应万变。

4. 前端推荐书籍

2019最全Web前端技能图谱,文末附赠一套Web前端学习资料

上图仅仅是推荐的一些书籍,当然还有很多好的书籍。虽然说,平时应该多看看技术书,提高自己的理论知识积累,但是呢,最重要的还是经验,这是书籍给予不了我们的。书籍的作用仅仅是让我们入门而已。

本文来自投稿,不代表程序员编程网立场,如若转载,请注明出处:http://www.cxybcw.com/177442.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code