前端从零开始学习心得

从零开始学习前端,第一、先学基础。第二,如何应用基础(学以致用),第三,积累经验(思路)。

1、基础

前端必备三剑客:html + css + javascript。 前端最基础的语言就是这三剑客,一定要有耐心系统学习(起码过一遍),才能打下扎实的基础。

教程网站:W3C ( http://www.w3school.com.cn/ )   菜鸟教程 ( http://www.runoob.com/ )  慕课网 : ( http://www.imooc.com/ )

百度百科:HTML    CSS    Javascript  ( 为什么我都放百度百科的链接,主要是想大家了解 html + css + javascript 到底是什么,有什么作用,和发展史,了解这些,才能更加容易理解。)

html:超文本标记语言 (超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。)

百度百科:HTML   基础教程:w3school    菜鸟教程   慕课网   直接链接到html的基础教程。  这三个网站教程,我觉得非常好,我都是反复看这三个网站教程学习前端基础知识的。看完了,收藏起来,以后也可以直接当参考书,不必要全部背下,知道在哪里找到它就好。

建议大家一定耐心先看一遍HTML基础,有什么标签,每个标签什么属性,什么效果。看着代码写一遍,不求一遍可以记住,只求有个印象,起码知道有这么个标签。

新建一个html文件最简单方法:

可以直接用电脑系统自带的记事本新建一个txt后缀文本,然后重命名更改后缀名为.html 

里面写上以下代码

<html>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

最后保存,直接打开(用浏览器打开 ) 就可以看到效果了。  知道怎么新建html文件了,接下来就是靠自己修练了(师父领进门,修炼靠个人)。

CSS(层叠样式表)

百度百科: CSS  基础教程: w3school    菜鸟教程   慕课网       同样直接链接到css的基础教程。

建议大家也一定耐心先看一遍CSS基础,这时候可以结合学的HTML标签,来给HTML标签加上修饰了,CSS就是给HTML美化,给它颜色、大小、位置、边框等等样式,可以一 一体验有什么效果。同样不求一次记住,只求知道有什么效果。

javascript (一种直译式脚本语言)

百度百科:  Javascript    基础教程: w3school    菜鸟教程   慕课网       同样直接链接到javascript的基础教程。

建议大家也一定耐心先看一遍javascript基础, javascript(简称 JS)  ,JS 相比 HTML CSS , 就比较难学一些,  HTML 和 CSS多用,或者背下来,就可以。 JS主要就是逻辑方面了,做交互了。不过也不用担心,同样办法,先学好基础,也要过一遍基础知识,就是学语法,然后跟着教程耐心去看,去跟着敲代码,看效果,然后去理解原理,为什么会这样。

2、应用基础(学以致用)

    学以致用,就是跟着教程敲代码,看效果,想想为什么,什么原理,搞清楚它,能否举一反三。以上三个网站的基础教程,都有耐心过一遍,看完的话,我相信你肯定是有很耐心的人,和自控力很强,能静下心的人。一定要坚持下去。

3、积累经验(思路)

以上基础教程看完了,接下来可以看一些案例教程:

我主要推荐慕课网,我绝大部分的案例都是在慕课网看的,我也很感谢慕课网,让我成长起来。当然还有更多的教程,更多的例子案例,大家可以自行百度谷歌查找更多的学习教程。

我一开始为什么一再强调一定要过一遍基础,把基础知识都看一遍,起码知道有这么个东西,以后实践起来,需要用到的时候,就知道是什么东西,就可以去百度关键词。百度就是最好的老师,无怨无悔,24小时为大家服务。

基础扎实了,剩下的就是思路经验问题了,就靠大家平时去积累学习了,多看别人的思路,理解它,举一反三,转换为自己的思路。

最后,想要成为大牛,道路很长,需求不断去摸索,不断的去学习,出来工作了,想拿高工资,就是要有专业特长。一开始学习,就先学一门精通,学一门语言精通厉害了,你学其他语言也就很快上手,因为思路经验都是一样的,不同的就是语法。精通一门了,学其他的只要看语法,思路经验可以共用。

发布者

cylyiou

cylyiou

分享前端知识

支付宝扫码打赏微信打赏

如果文章对您有帮助,不妨移至上方按钮小额赞助我一下,让我有动力继续写出高质量的教程。

发表评论

电子邮件地址不会被公开。