招生合作
课程分类
您当前的位置:长沙耐学网 >长沙耐学网 >长沙如何自学WEB前端技术

长沙WEB前端开发学习网

长沙如何自学WEB前端技术

发布时间:2023-03-06 09:48:12 已帮助:

长沙如何自学WEB前端技术

  最近很多小伙伴跟小编发私信,问小编,如何自学WEB前端技术?自学WEB前端技术的方法?等方面的问题,小编在收集了相关的学习方法后,现在就跟大家来分享一下。
  「一、html+css+javascript」

  这三个可以称作是前端三剑客了。如果你想要入门前端(或者是Web开发前端),你要学的个就是html,html算是一种标记语言,学完之后再学css,之后再学JavaScript。

  这里对三者最推荐用的编辑器是VS Code。

  html+css推荐去W3School网站上面学习。其实html+css需要掌握的内容很少,大概过一遍W3School上面的内容,并不要求记下来,以后用的时候脑子里能想起来大概有这么个东西,百度一下拿过来用就好了。

  学完html+css之后,就该是JavaScript了。

  推荐稍微有一点编程基础(C或者C++或者Java或者Python或者……)的自学者学习js,这样会轻松一点。学习方式建议先看一遍W3School上面的JavaScript教程,再去B站看JavaScript的教程,作者当时在B站看的是孔浩老师的前端教程,是html+css+JavaScript合在一起的,真心推荐。

  JavaScript学习的时候主要学习语法,但是其他深一点的内容初学者可以选择跳过(例如js的prototype等等),但是强烈建议硬着头皮看完。因为要通览一遍js的内容,以后你在编程、学习的过程中,你会突然发现,这个东西你曾经看过,之前看的时候头皮发麻,这个时候突然懂了。

  html+css学好的基本标准是,在网上随便截一张任意网站的图,都可以用代码把其静态网页写出来(所以还要有一点ps基础)。

  js学好的基本标准是,你可以用html+css+js这三个工具写出一些简单的h5小游戏,例如拼图、飞机大战。

  「二、jquery」

  Jquery算作一种框架,最最直白的理解就是,用js查找节点要用document.getElementById("#id"),而jq只要用$("#id"),节省很多单词。当然jq的功能远远不止这些。

  推荐去买一本JQuery的书看一看,或者直接网上看文档。

  当学完了html+css+javascript之后,通过网课来学习编程并不是很推荐。因为这个时候你已经具备了看开发文档的能力。

  JQuery学好的基本标准是,你去找你原来用html+css+js编写的H5小游戏,把里面的js代码尽可能多的替换成JQ代码。熟练掌握。

  「三、css3+html5」

  html5+css3是在html+css的基础上,增加了一些新特性。这个仍然可以去W3School去看。

  增加的内容不是很多。并且在掌握了html+css的基础上,再看html5+css3就会很简单了。和学html+css一样,知道有这么回事,用的时候百度就行。

 「四、bootstrap」

  这是一个框架。大家如果学完以上三点,即html+css+js+jq+html5+css3之后,编写一般的网站是没问题的。但是会有一个问题是,比如你编好的网页,一用pad或者手机或者其他电脑或者其他浏览器运行就变形了,一些div层排版乱了,而且很难看。这个时候就需要一个框架来使得你的网页具有兼容性:设备兼容、浏览器兼容。所以应该学bootstrap框架。

  这个框架偏向于显示,即css。

 「五、PHP」

  php是一门后端语言。

  其实前端还有vue.js、ajax等等要学,但是或多或少这些和后端数据有关系,所以第5步先学php,了解一下后端是怎么写的。

  php很简单,对于新手来说,基本上只要知道变量前加$$_[]这两点就好了。具体大家自己买书看看。

  值得注意的是,php需要服务器环境才可以运行。服务器一般分为,你去腾讯、阿里买的服务器(可以直接用域名访问的那种);另外一种是本地服务器(在你自己的电脑上用localhost访问)。我是自己下软件配置本地服务器来学php的。下的软件是XAMPP。