精华内容
下载资源
问答
  • 新手小白学习web前端要学多久?没有基础的同学想要学习web前端选择什么样的学习方式会比较好一些呢?很多想要学习web前端开发的同学都有这个困惑,主要是担心web前端开发门槛高,害怕学不会。 其实关于零基础怎样...

    新手小白学习web前端要学多久?没有基础的同学想要学习web前端选择什么样的学习方式会比较好一些呢?很多想要学习web前端开发的同学都有这个困惑,主要是担心web前端开发门槛高,害怕学不会。

    其实关于零基础怎样学习web前端开发这个问题我们应该辩证的来看待,相对于IT技术类的其他技术岗位,web前端开发绝对算是门槛较低的,当然对应的起点也是比较低的。如果有小白有意向入行或者转行的话建议选择web前端。web前端开发门槛低主要体现在两个方面:

    第一:web前端开发入门门槛低体现在html和CSS上,前者只是结构标签,后者是样式配置,入门是非常简单的,对web前端开发感兴趣的小伙伴可以找一些相关书籍来看,或者也可以找一些相关的视频来看,巩固所学的知识,虽然看这些书籍或者视频很枯燥,但是只要能啃下来你就会发现,这些确实很管用。

    第二,web前端开发入门低的另一个重要表现就是符合8/2定律,也就是20%的东西使用率占到80%。所以很适合囫囵吞枣,因此我们的重点就是把这20%学起来,而首先要做的就是把这20%的东西找出来。前端这20%的东西大概就是常用的html标签,css的盒子模型,基本的原生js,以及熟练使用jquery,ajax,常见浏览器的兼容。拿下这些东西意义非凡,一方面证明你适合做前端这份工作,另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。

    总之就是专心对付重要的东西,那些什么less、sass、angular这类的东西,当你把我之前说的基础打好之后,学习起来畅通无阻,随学随用。难的就是实践,只有实践才能学到真正的技术,新人很难参与一些有价值有意义的项目,没有这些项目又很难成长,所以自己有项目可参与应该珍惜。

    展开全文
  • 原标题:Web前端自学之路学习路线,web前端开发网站前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场...

    原标题:Web前端自学之路学习路线,web前端开发网站

    前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场一片盛况空前的景象,由于其的易入门性和不错的发展前景,吸引了众多前端爱好者和转行人员的青睐。

    d99f10c53824f0ef0ab2330aeb145df3.png

    都说前端技术属于易学难精,其易入门性也是相对Java,python那些语言来说的,并不是说任何人可随便信手拈来,而且今天的“前端”并不等同于“美工”,前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

    一旦学习方向对头,我们按部就班下来,至少可以有效提升我们的前端技术。正确的前端学习路线:

    1、耐性

    抛开一切的方法和技术知识,最重要的就是你的耐性。要成为优秀的web前端开发者,要调整好心态。

    因为前有策划设计交互,后有程序测试编辑,人容易浮躁。

    c6fbde3f834a4132cb10876ddb61fe91.png

    2、学会延伸

    一个大师说过这么一句话:对于新手来说,新技术就是新技术。

    对于一个高手来说,新技术不过是旧技术的延伸。

    Web前端开发技术主要包括三个要素:HTML、CSS和Java!

    3、系统学习html和css

    Html和css相对来说比较简单,但是仍然需要系统化学习。

    通过看书以及配合前端教学视频,这样可以避免零散地学习前端知识点。

    CSS的学习,w3cschool推荐《精通CSS》,《CSS禅意花园》,这两本书都有非常大的影响力,值得一看。

    9e54ee7309cdf4f40470ed3ce9949154.png

    4、深刻理解Java

    如果你求安逸,做一个普通的前端程序员,只要学习Java 函数,结合相应的练习即可。

    但如果想成为一名优秀的前端程序员,必须深刻去理解Java 的原理,机制、本源、基于对象的本质。建议多看一些开源项目,毕竟实践出真知。

    5、学一门后端语言

    虽然说后端的语言实际应用很少,但是它可以帮助你全体理解前端开发问题。如HTML5中像Web sockets、post message之类的API。

    可以说web前端工程师是目前互联网行业当中招聘需求非常大的一类,近日随着web前端行业的高速发展,国外的前端开发和后端开发人员占比为1:1,但国内占比仍然是1:3以下,web前端开发职位目前的人才缺口达到近50万。返回搜狐,查看更多

    责任编辑:

    展开全文
  • 黑马程序员前端自学路线图中第二阶段是移动Web网页开发的学习:主要介绍了前端这自学路线图中移动web网页开发的自学目标,前端自学路线图的移动web网页开发的市场价值,前端自学路线图的移动web网页开发的重点知识。...

    黑马程序员前端自学路线图中第二阶段是移动Web网页开发的学习:主要介绍了前端这自学路线图中移动web网页开发的自学目标,前端自学路线图的移动web网页开发的市场价值,前端自学路线图的移动web网页开发的重点知识。

    前端自学路线图中移动web网页自学开发包含这三部分的重点知识:CSS3动画;移动端页面开发;Bootstrap。这三部分的自学资源在黑马程序员视频库中都可以找到,给自学的小伙伴们提供了大量好评的自学资料。

    移动Web网页开发技术要点

    黑马程序员 移动Web网页开发技术要点

    移动Web自学–CSS3动画

    1、CSS3的2D和3D变换
    2、animation动画
    3、炫酷页面开发(地图大数据热点图、大风车、旋转木马轮播图等)

    移动Web自学–移动端页面开发

    1、传统布局的局限性
    2、移动端屏幕介绍
    3、移动端浏览器介绍
    4、物理像素&物理像素比
    5、真机调试
    6、viewport视口
    7、移动端技术选型
    8、移动端主流适配解决方案
    9、移动端特殊样式
    10、百分比布局&流失布局
    11、Flex布局优势
    12、盒子父级常见属性设置
    13、盒子子级常见属性设置
    14、携程网Flex移动端页面开发
    15、rem单位使用
    16、rem适配
    17、预处理器less
    18、media媒体查询
    19、淘宝flexible.js移动端适配
    20、cssrem插件使用
    21、cutterman二倍图三倍图切图
    22、移动端页面开发流程与规范
    23、京东移动端首页开发

    移动Web自学–Bootstrap

    1、传统布局的局限性
    2、移动端屏幕介绍
    3、移动端浏览器介绍
    4、物理像素&物理像素比
    5、真机调试
    6、viewport视口
    7、移动端技术选型
    8、移动端主流适配解决方案
    9、移动端特殊样式
    10、百分比布局&流失布局
    11、Flex布局优势
    12、盒子父级常见属性设置
    13、盒子子级常见属性设置
    14、携程网Flex移动端页面开发
    15、rem单位使用
    16、rem适配
    17、预处理器less
    18、media媒体查询
    19、淘宝flexible.js移动端适配
    20、cssrem插件使用
    21、cutterman二倍图三倍图切图
    22、移动端页面开发流程与规范
    23、京东移动端首页开发

    移动Web网页开发自学资源

    移动Web网页开发还可以这样学?(点击进入)

    展开全文
  • 前端入门 前端自学路线 web开发前端如何学习

    万次阅读 多人点赞 2019-04-23 19:41:49
    本文介绍前端入门之路,以及之后对前端应该怎么学,大概学哪些东西。 作者在前端、后端入门的时候,花了大量时间到CSDN、知乎、百度上去找资料,但是有的说的不是太复杂, 就是一句话带过,那个时候很苦恼。现在回...
    	本文介绍前端入门之路,以及之后对前端应该怎么学,大概学哪些东西。
    	作者在前端、后端入门的时候,花了大量时间到CSDN、知乎、百度上去找资料,但是有的说的不是太复杂,
    就是一句话带过,那个时候很苦恼。现在回过头来,想用最白话的解释方式,去帮助现在仍然对入门或者学习前
    端、后端的自学者一点建议。作者的自学之路是这样走过来的,希望能帮到同是自学的你。
    

    前端入门

    1. 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小游戏,例如拼图、飞机大战(我的博客里有飞机大战的源码)。

    2. Jquery
      Jquery算作一种框架,最最直白的理解就是,用js查找节点要用document.getElementById("#id"),而jq只要用$("#id"),节省很多单词。当然jq的功能远远不止这些。
      推荐去买一本JQuery的书看一看,或者直接网上看文档。
      当学完了html+css+javascript之后,通过网课来学习编程并不是很推荐。因为这个时候你已经具备了看开发文档的能力。

      JQuery说白了就是这两个文件,读者可以去网上下载。在这里插入图片描述
      引用的话,就在html文件里写下如下代码即可。
      在这里插入图片描述

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

    3. html5+css3
      html5+css3是在html+css的基础上,增加了一些新特性。这个仍然可以去W3School去看。
      增加的内容不是很多。并且在掌握了html+css的基础上,再看html5+css3就会很简单了。和学html+css一样,知道有这么回事,用的时候百度就行。

    总结

    学到这,前端基础知识已经差不多了。但是我大前端(苦笑)还有形形色色的框架,作为一个前端er你还得要储备自己的js库,css库,以便于充实自己的前端技能。

    至于ajax、json、php、mysql、java这些技术栈都是偏一些后端的知识了。详情请再看我的后端入门的博客吧。

    2019.4.23 留



    2019.12.19更新
    又经过了8个月的沉淀,再更新一点。
    

    前端进阶

    序号是接着上面继续排的。

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

    2. PHP
      php是一门后端语言。
      其实前端还有vue.js、ajax等等要学,但是或多或少这些和后端数据有关系,所以第5步先学php,了解一下后端是怎么写的。
      php很简单,对于新手来说,基本上只要知道变量前加 $ $_[]这两点就好了。具体大家自己买书看看。
      值得注意的是,php需要服务器环境才可以运行。服务器一般分为,你去腾讯、阿里买的服务器(可以直接用域名访问的那种);另外一种是本地服务器(在你自己的电脑上用localhost访问)。我是自己下软件配置本地服务器来学php的。下的软件是XAMPP。图标长这样。
      在这里插入图片描述
      这里插个题外话:
      PHP是世界上最好的语言。这个梗。
      首先是因为十几年前高级语言的变量全都是需要声明才可以定义的,例如C、Java。但是,程序员们会想什么时候可以有一门语言可以变量直接用就好了,然后PHP横空出世,满足了这个愿望。所以才会说 PHP是世界上最好的语言。
      但是,这也没什么大事嘛。我很反感,身边那些人一说到php就来一句世界上最好的语言,连用都没用过,整的自己好像很懂一样。。。。
      回归正题。

    3. ajax
      ajax是做异步数据请求的。jQuery里面也有ajax,有的书里也会单独介绍ajax。个人比较喜欢jq里面使用ajax。
      这个是干什么的呢。
      就是你写php请求数据库的内容的时候,一般格式如下。你点了提交按钮后,页面会跳转到xxx.php页面。这样很麻烦,因为有时候我点了提交,只想保持在原页面。所以这个时候使用ajax,异步提交。可以实现不跳转来访问数据库操作。
      例如,百度的搜索框,你输入一个字,他会异步提交到服务器,请求出来你可能感兴趣的其他词条,就是ajax的原理。

    <form action="xxx.php method="POST">
       <input name="name"/>
       <button type="submit"></button>
    </form>
    
    1. vue
      vue也是一个前端框架,比较注重前后端分离。
      先学它的语法和思想,然后vue还提供了很多组件,很美观。
      这个有点难,尤其是像我这样写js自由散漫惯了的人。
      但是Vue非常重要,很多公司都要求会这个。
    2. 微信小程序
      以上都学完了之后,入手微信小程序开发就非常简单了。微信小程序的html、css语法和正常学习的差不多,但是js采用的是Vue框架,所以这就是为什么学会Vue才能编写微信小程序。然后微信小程序给的调用后端的接口采用的是ajax,所以之前也要学好ajax。

    学到这里,如果你是本科生的话,已经足够了,也可以去尝试接一些小点的项目试试看了。
    之后还会有node.js、npm、webback、前端工程化(类似微信小程序的体系),学习起来
    会比较头大,因为没有应用场景,我总觉得这些东西好像……没什么用?那肯定是很有用的
    只是我现在还没接触到。
    
    然后建议大家,在有余力的情况下,多学学其他的语言。例如Java的Spring、Boot等等,
    python的各种库、算法。
    多掌握点技能,路更宽一点。
    

    2019.12.19留



    2021.3.11更新
    日复一日,又过一年多了。
    

    前端杂谈

    这部分是我这段时间接触的,看兴趣学的。

    1. Three.js(建议忽略)
              这个是前端的3D游戏引擎,之前拿它做过飞机大战 。感觉在国内比较小众,很多报错的解决方案都不多。开发文档也不是很友好。如果大家想做基于网页的3d的话,不推荐Three.js。

    2. PIXI.js(建议忽略)
              这个是前端的2D游戏引擎。我刚学会js那会,做过飞机大战小游戏,里面的代码写的非常糟糕,游戏性能、碰撞检测、帧率控制简直无法直视。
              20年初,接到一个小公司说要做飞机大战,之后我在网上挑选了一下,发现PIXI还不错。除开它本身的PIXI.js,还提供了很多额外的插件,比如音效插件、爆炸效果插件、键盘控制、触屏控制等等。
              除此之外,在github上,还有一篇PIXI的教程,非常不错:https://github.com/Zainking/LearningPixi

    3. Chart.js(建议忽略)
              这个是前端的图表插件。给了一些API调用,很快速的绘制表、图。效果如下:
      在这里插入图片描述

    4. node
              node.js是逐渐兴起的一项后端技术。它的包管理npm,在引入前端框架时十分有优势。而且,node.js可以直接拿js作为后端。node在项目移植、开发API的时候都很优秀。
              node的一个框架express也十分火热,很值得深入学习,大有可为。
              目前后端岗位:PHP、Java、node、Go都很不错,很多大公司也有项目使用node构建的。
              可惜的是,我对node的学习还比较浅显。因为种种不可抗力,必须要转战Java了。


    作者的话:
    
        我早在学前端伊始,就觉得前端还是缺少核心竞争力的。很多速成培训班,其实教的都是前端。
        我觉得大多数人在初学者时期,都是应该把前端、后端都学习一遍。
        身边有同学是PHP后端进了字节的,也有Java转C++再转Go在腾讯的。
        
        Java还是一道无法逾越的坎,之后要开启拥抱java的人生了。
        
        拭目以待
    

    2021.3.11留

    展开全文
  • 2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记 【导读】:初学web前端的小伙伴经常会遇到的问题,1.没方法2.没资源3.没经验,不知道从何开始 ,代码哥(DaiMaGe3)之前也是从新手过来的...
  • 前端开发作为一个由网页制作演变成的新兴岗位,其实在国内外来说,受到重视的时间并不长,在前几年间技术快速的发展和其应用普及率的迅猛增长,使得前端人才市场一片盛况空前的景象,由于其的易入门性和不错的发展...
  • 自学web前端技术,如果才能找到一份web前端的工作。按照现在的招聘标准来看,无论你去哪个公司面试,你只需要满足他们公司的需求就可以。找到一份web前端工作需要掌握的内容如下: 首先是html,css这些简单的静态...
  • 文章目录前端自学路线图第一阶段:前端自学--HTML5 + CSS3第二阶段:前端自学--移动Web网页开发第三阶段:前端自学--JavaScript网页编程第四阶段:前端自学--Node.js与AJAX第五阶段:前端自学--Vue.js项目实战第六...
  • web前端自学之路:史上最全web学习路线,HTML5是万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,一方面提升了用户体验,另一方面HTML5技术跨平台,适配多终端,改变了传统...
  • 爱创课堂分享web前端学习路线自学如何找到工作,自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件,如果基础好,自律性强那么将会容易很多,还有就是自学最难克服的并不是知识点,而是自己的学习...
  • 文章目录React.js自学目标React.js自学...黑马程序员前端自学路线图中最后阶段的学习是React.js项目实战的自学:主要介绍了前端自学路线图中React.js项目实战的自学目标,前端自学路线图中React.js项目实战的市场...
  • 学习前端的几个阶段: 一阶段:html标签、html5新增标签、css样式、css3样式、媒体查询等 二阶段:JavaScript、jQuery、ajax、面向对象、http传输协议等 三阶段:canvas、js高级应用、JS-SDK、H5新增技术 四阶段:...
  • 好程序员web前端分享前端学习路线自学如何找到工作,自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件,如果基础好,自律性强那么将会容易很多,还有就是自学最难克服的并不是知识点,而是自己的...
  • 好程序员web前端分享前端学习路线自学如何找到工作,自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件,如果基础好,自律性强那么将会容易很多,还有就是自学最难克服的并不是知识点,而是自己的...
  • 今年受经济下行与疫情叠加的影响,毕业生有800多万,就业形势十分严峻,但即便如此,Web前端人才在软件开发行业的就业市场中依旧供小于求,目前,全国总缺口每年大约为近百万人。行业对前端需求量持续增加,同时前端...
  • 千锋小编给大家分享完整的Web前端学习路线希望能够给大家带来帮助。  零基础自学Web前端想要高效率,你需要具备以下几点:  1、耐性。要成为优秀的web前端开发者,要调整好心态。抛开一切的方法和技术知识,最...
  • 今年受经济下行与疫情叠加的影响,毕业生有800多万,就业形势十分严峻,但即便如此,Web前端人才在软件开发行业的就业市场中依旧供小于求,目前,全国总缺口每年大约为近百万人。行业对前端需求量持续增加,同时前端...
  • 本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。...Web前端入门的自学路线 新手入门前端,需要学习的基础内容有很多,如下。 ...
  • 七、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。 八、前端框架:Vue.js和React。这两个框架至少要会一个。入门时,建议先学Vue.js,上手相对容易。 九、Node.js。属于加分项,如果时间不够...
  • 学习web前端编程技术肯定是以就业拿到高薪工作为主要目的的,可是高薪不会那么轻易拿到,这是一个最简单的道理。没有付出就没有回报,在整个学习web前端编程技术的过程中,你需要付出时间、精力、金钱。废话不多说...
  • Web前端学习路线是什么?Web前端一直被认为是“上手快”、“薪资高”的行业,随着需求的进步和用户需求的提高,Web前端开发人员需求旺盛,吸引了大批的人涌入这个行业。不过如何从基础到深入学习Web前端呢?就这个...

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 147
精华内容 58
关键字:

web前端自学路线