精华内容
下载资源
问答
  • 前端入门

    2019-08-21 21:08:05
    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留

    展开全文
  • 前端入门基础及框架入门应用.md
  • 前端入门知识笔记01

    2020-09-19 21:51:52
    前端入门初级知识,入门记录笔记,分为一.基础概念,二.web标准的构成,三.HTML标签,四.html基础结构标签,五.常用标签(记住标签的语义)
  • 这里就有一个“前端入门的标准”的问题。什么才是真正的前端入门? 1、是你学了一堆的前端开发技术吗? 2、是你做了几个前端的大小不一的例子吗? 3、是你已经做了一二年的前端开发工作了吗? 不要奇怪我把第三条也...

    很多同学跟我说,学前端学的很迷茫,

    就这样,问他为啥迷茫吧,说也说不出来啥具体的。就是也学了一堆东西,也确实都是前端开发工作当中要用的。但依然不知道前路如何。

    这里就有一个“前端入门的标准”的问题。什么才是真正的前端入门?

    1、是你学了一堆的前端开发技术吗?

    2、是你做了几个前端的大小不一的例子吗?

    3、是你已经做了一二年的前端开发工作了吗?

    不要奇怪我把第三条也列上,确实有人已经工作了二三年了,但其实依然没有入门前端开发。

    我个人主观认为,判断一个人是否已经入门前端开发,有二个标准,

    1、学了一堆的前端开发技术,现在的大大小小的培训机构基本都是这么做的;

    2、掌握并理解“编程思路与逻辑思维”;

    我个人更喜欢第二个,就是掌握“编程思想与开发逻辑”的人。

    什么叫编程思想呢?

    很简单,其实就是提炼特征。例如,一筐苹果吧,把它的特征提炼出来,就这样,

    苹果

    _颜色:红

    _形状:圆

    _大小:200mm

    _重量:100克

    _品质:100%

    _数量:100

    那么,用JavaScript来表示,就是这样,

    var _appleObj = {

    color:’#f00’,

    shape:circular,

    size:200,

    weight:100,

    quality:100%,

    number:100

    }

    这个过程是什么呢?

    对具体事物的抽象,在这个过程中只提取出目标对象中我们所需要的特征。然后在代码中表达出来。这里面的关键是,理解苹果的【颜色】和_appleObj中的【color】,它们二者之间的对应关系。

    再,

    例如下面这个京东的购物车,我随便添加了几个商品进去,就是下面的截图,

    从哪开始入手做呢?很多新入门的同学可能就没有思路了。如果用刚才抽象苹果的思路,就是这样,

    购物车

    _增加、减少商品按钮

    _输入商品数量

    _删除按钮

    _单选按钮

    _全选按钮

    _结算按钮

    _其它的相关调用、回调等

    用JavaScript来表示就是这样,

    var _cartObj = {

    addFn : addfn,

    minsFn : minsfn,

    singleBtn : singlefn,

    allselect : allselectfn,

    payBtn : paybtn

    }

    然后再继续定义addfn、minsfn、singlefn、allselectfn、paybtn等函数,这就是从UI设计图中抽象出功能点,然后在编程范式里表达出来。这时,我们已经拥有了一个购物车模块的JavaScript模型。

    这种抽象的编程思想的思维方式,是超越于任何编程语言之上的,它是对现实世界的提炼和抽象。无论你是用原生JavaScript,还是vue,或react,都是这样,无非是写法不同罢了。

    我拥有这种思维方式,所以我可以用一天学会php,写一个带登录、注册的简单留言板出来,然后再在第二、三天,彻底忘记php。不是显摆我有多么牛,而是说这种思维方式是超越具体语言的。

    如果不能理解这个实物和抽象之间的对应关系,那么无论你学习多少的css、html、js、jq、vue、h5、小程序…等,对你来讲这些都是【死物】。因为你不知道该怎么用它解决问题与需求。说的有点啰嗦,但真心的希望同学们能明白它们的这个关系。

    接下来再说说开发中的逻辑思维。

    逻辑思维要严密且清晰,讲究的是环环相扣。它不同于日常交流中的口头描述,“你今天上午去那帮我拿个东西。去哪?就你家那边一拐角”,这种基于生活经验的直观的描述就是混沌不清晰的。

    一个经典的例子,口头描述,“让程序员,去买6个苹果回来,路上如果看见西瓜就买一个”。问,如果这个程序员在路上看到一个西瓜,他会买几个苹果回来?

    答案是,一个苹果。为什么呢?

    因为,

    if( 看见西瓜 ){

    苹果 = 1

    } else {

    苹果 = 6

    }

    看到了吗?这就是使用日常生活思维来写代码的结果。所以,编程开发中不能使用生活思维方式,你必须环环相扣,形成一个逻辑链条。其中任何一环的不清晰,都会造成整个逻辑链条的崩溃。

    编程因为需要抽象具体事物,所以它是以不同的视角来看待现实世界。你看到一匹白马,说“好大好白的一匹马”,我看到的是,

    var 白马 = {

    腿:4,

    颜色:#fff,

    性别:公,

    体重:200KG,

    }

    这算是另一种形式的白马非马吗?

    在实际工作中,PM会提出产品需求,肯定是口语化的描述。说这个产品,有abcd等功能。然后前端开发等程序员再把它抽象出特点,设计出模型。

    然后根据它的交互流程、前置后置的条件等,一步一步的实现。这个一步一步的实现,就是开发逻辑的链条,差了其中任何一环,都不能完成开发任务。

    就例如你回家吃饭,如果用程序的逻辑思维方式来思考,是这样的,

    1、你回家;

    2、家里要有米,如果没有,买米,如果买不到米,做不了饭;

    3、家里要有电,如果没有,做不了饭;

    4、家里要有水,如果没有,做不了饭;

    这里面要把所有的条件、情况都考虑到。而很多情况其实在你写代码的时候并没有发生。所以有人说,编程是给未来的人使用的。未来的人会怎么使用你开发出来的应用?你并不知道,所以你必须尽全力去无限穷尽所有可能。

    编程思想是抽象特征,逻辑思维是环环相扣,这二个东西合在一起,就是解决问题的方法和步骤。

    而前端开发只不过是使用html、css、js,来实现编程思想和逻辑思维所提供的解决问题的方法和步骤的一种工作而已。

    所以,学习前端开发,其实是学习如何用编程思想和逻辑思维来解决问题,而不是学习html、css、js语言本身。

    这也就是很多同学,学完了,学会了html、css、js,却依然不知道怎么干活的根本原因。所以说回本文的标题,《零基础前端入门,真正难在哪里?》就难在如何建立自己的编程思维和开发逻辑。

    更多文章推荐阅读 【 学习企鹅圈:731771211 】 :

    2020年Web前端开发工程师市场怎么样?学会什么技术才能拿到高薪

    分享七年职业生涯心得,认清自己是否真的适合转行前端开发工程师

    【项目实战视频+源码】20w前端程序员疯抢的成长大礼包

    前端修炼之道 : 如何成为一名合格前端开发工程师?

    前端的工作越来越难找,到底是不是前端领域已经饱和了?

    展开全文
  • 2020前端入门开发规范手册.pdf
  • 前端入门需要学习哪些技术。学习前端需要具备什么样的学习条件。 什么是前端? 对于初学者首先要了解的是,什么是前端?前端是做什么的?前端即网站前台的部分,通俗的讲就是我们平时在浏览器搜索出来的网页都属于...

    据了解到,多数小白刚开始接触编程的时候并不知道自己

    真正想学什么,也不知道自己究竟适合学习什么样的技术,有部分同学就会盲目的寻找资料去学,不要着急,本文带大家了解什么是前端。前端入门需要学习哪些技术。学习前端需要具备什么样的学习条件。

    什么是前端?

    对于初学者首先要了解的是,什么是前端?前端是做什么的?前端即网站前台的部分,通俗的讲就是我们平时在浏览器搜索出来的网页都属于前端,前端分为移动端(手机端)和PC端(电脑端)两部分。

    前端页面又分为静态页面和动态页面,在最开始时,前端页面主要是静态网页,所谓的静态网页就是没有与任何用户进行交互,仅仅只是供读者浏览的网页。随着时代的发展、技术的提升,单一的图片和文字并不能满足用户的需求,动态网页就慢慢的演变而来,所谓动态网页是指用户不仅仅可以浏览网页,还可以与服务器进行交互。怎么与服务器交互呢?比如用户想在网站登录自己的账户,在登录表单中故意输错账号密码,这时客户端(即浏览器)会向服务器发起验证请求,服务器检测到用户输入的账号密码不正确,则会给用户返回“您输入的账号密码不正确”标识。

    前端网页开发就如同在写字板上画画,学会灵活运用纸笔,在写字板上画出你想要的结构布局,颜色填充。实际上前端就是这样,灵活运用html(结构),css(样式),javascript(行为),就能开发出你想要的页面。

    在很早以前,开发网站的一个页面需要分为两部分页面代码(移动端和PC端),那个时候并没有响应式布局的说法,响应式的诞生是为了解决网页在不同的终端可以自适应,通过响应式能使用户在浏览网页在手机和平板电脑上有更好的阅读体验。但是响应式布局有些缺点就是兼容终端设备工作量大,效率低下、代码容易混淆。

    “响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。”

    – 百度百科


    前端入门需要学习哪些技术?

    简单的从初学者方面来说,需要掌握的知识有HTML、CSS、JavaScript、jQuery框架。这些都是初学者入门必学的知识点

    1.HTML

    HTML(HyperText Mark-up Language)超文本标记语言,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素,即平常上网所看到的的网页。是开发网页必备的编程语言,也是目前web领域应用最广泛的语言。

    2.CSS

    CSS(Cascading Style Sheets)层叠样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。可以为网页自定义样式,使得CSS达到美化页面排版的目的,使得网页更加生动形象。

    3.JavaScript

    JavaScript是网页的直译式脚本语言,也是弱类型语言,它可以运行在HTML网页,添加各式各样的动态功能,比如用户登录的表单验证,创建cookies,检测访客的浏览器信息等。

    4.jQuery框架

    jQuery框架也被称为jQuery函数库,是一个快捷、简洁的JavaScript框架,里面对原生的JavaScript封装了各式各样常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。


    学习前端需要具备什么样的学习条件?

    对于初学者来讲,学习前端开发并没有很多条件,因为前端的门槛相对于其它行业而言是很低的,学习曲线是先易后难,很适合初学者入门。相对较难的是JavaScript,如果是学过java的再去学JavaScript会简单很多。

    建议大家边学边练,基础入门知识学完以后可以模仿一些比较大型的网站,一个网站页面分为很多部分,正所谓“学着会,拿起键盘,哎,我刚要干嘛来着”。在做网站之前可以把相同的部分抽离出来,划分一下网站网页面的每一块,方便多个页面之前可以共用同一套相同的代码,节省代码空间,修改起来也简单,多理解自己写代码的用意,多想想还有没有其他需要改进的地方。

    更多文章推荐阅读 【 学习企鹅圈:731771211 】 :

    2020年Web前端开发工程师市场怎么样?学会什么技术才能拿到高薪

    分享七年职业生涯心得,认清自己是否真的适合转行前端开发工程师

    【项目实战视频+源码】20w前端程序员疯抢的成长大礼包

    前端修炼之道 : 如何成为一名合格前端开发工程师?

    前端的工作越来越难找,到底是不是前端领域已经饱和了?

    展开全文
  • 前端入门 4.文本格式化标签 文体的加粗,斜体和下划线,目的是为突出重要性,相较于其它文字更加显眼
  • 前端开发工具、流行框架、面试、技术、模块引擎、前端语言
  • Web前端入门和进阶学习笔记,超详细的前端学习图文教程。从零开始学前端,做一个Web全栈工程师
  • 本篇为前端入门指导文,各位大神请避让。 前端行业这几年发展飞速,各种框架层出不穷,很多开发者都戏谑说自己学不动了。确实,我们应该充分利用自己的有限时间,好的学习方法和资源非常重要。以下所有方法都是自己...

    作为一名大三开始学习前端,如今已经工作三年的前端狗,跟大家谈谈我的前端自学之路,以及自己的学习方法,和前端学习资源推荐。本篇为前端入门指导文,各位大神请避让。

    前端行业这几年发展飞速,各种框架层出不穷,很多开发者都戏谑说自己学不动了。确实,我们应该充分利用自己的有限时间,好的学习方法和资源非常重要。以下所有方法都是自己踩过坑的总结,保证能让各位在前端学习之路上事半功倍。

    写在前面:尽信书不如无书,人工撰写定有纰漏,争议之处可留言讨论。

    七周从前端入门到前端开发工程师
    第一阶段的学习:html+css+javascript入门
    我知道很多人前端入门都是w3school上学习,我个人是不推荐的。上面的知识点太多,平时工作中根本用不到。如果你在w3School上从头开始看知识点,你只会边看边忘,效率太低了。记住我们是逼格很高的前端工程师,不要去做死记硬背的工作,用的多了自然就记住了,实在记不住的还有度娘。(入门学习者最爱犯的错误就是纠结,总纠结自己今天学习的某个标签、某个css语法没有记住。我只想说这不是高中考试,还要默写。大概了解就可以,等以后项目做多了,复制黏贴的次数多了,也就记住了)

    重点来了,说了这么多,入门我们应该在哪学呢。经过自己的不断采坑发现一个优秀到无法形容的网站,特别是对于前端萌新。它就是绿叶学习网,里面对基础知识的讲解–结构清晰、主次分明。并且网站上都是一些常用功能,其他冷门的知识点作者都过滤了。对于没有任何基础的前端萌新来说,简直是再合适不过了。

    里面所有的知识点,作者都进行了归类,特别方便记忆。学习的过程中,你脑中的所有知识点都会条理清晰。自学最难受的就是自己脑中的知识点混乱,又没有人指点。那种无力感,自学过的都知道。并且作者对内容的讲解精确独到,没有故作深奥。每章的总结以及题目也是恰到好处。

    所以对于基础篇,你只需要将网站中的HTML+css+javascript看完就可以,练习题跟着敲一敲就ok,对于w3school和菜鸟驿站这类网站只适合当作字典去查询。两周时间也就ok

    当你看到这篇文章,发现这个网站,你已经比我节约了一个月的时间。网上其它前端基础类 的讲解网站,真的像老太太的裹脚布又臭又长。。。

    二、html5+css3+javascript高级
    过了第一关新手村,有点难度的东西来了,并且这块知识点也是面试问的最多的。(入门学者最爱犯的错误就是在学习框架之后,就把这块给扔掉。一定要记住,这块知识点才是初级前端面试的重点。也是一面必考的知识点)

    这一趴,我不推荐看文章学习。因为知识点稍微有点复杂,看文字的学习效率没有看视频高,慕课网上有很多视频,讲解也很透彻,会比看文字学习效率高很多。但是价格都不便宜,当初我自学的时候,也是投入了很多钱的。当然网上也有很多免费的视频课程,不过都是过时了的,或者不够系统的。贪这个便宜就是在浪费自己的时间,最后什么都没有学到,得不偿失。需要资源的,可在文末获取。

    这一趴,两周时间也是ok。对于没有计算机基础的人,时间可能有点紧张,但还是应该逼自己一把。

    三、es6+sass
    这块的内容属于扩展的内容,es6是JavaScript的扩展,sass是css的扩展。对于入门学者来说可能会觉得这块内容比较陌生,看上去高大上很难学的样子,其实它比第二趴的内容简单多了。(前端学习者最爱犯的错误就是把这块想的过于高深)

    es6现在还是用的比较普遍的,随着浏览器的兼容性越来越高,公司的项目大部分都是用es6的语法,如果完全不了解,看前辈的代码可能比较吃力。es6网上的学习资源很多,但我比较推荐阮一峰的es6教程。es6没有萌新想象的复杂,都是一些语法糖,平时工作中用到的也就是promise、module、async等一些功能,不必过于纠结,了解即可。

    sass、less等css扩展性语言,了解一个即可。绿叶学习网上就有sass入门教程,过一遍即可。看完这两个教程,一周足够。。。

    当然,如果你觉得这些内容看文字学习比较吃力,也可以通过观看视频进行学习。资源可在文末获取

    四、vue+VueRouter+vuex+axios
    说了这么多,大家最关心的前端框架来了。现在比较火的mvvm框架vue和react。对于萌新来说,我比较推荐vue。入手快、学习成本低、资料全、所有的坑前辈都帮你们踩了,公司的使用率也很高,学完不愁找不到工作。

    对于这块的学习,一开始我不推荐看官方文档,特别是对于萌新来说看官方文档学习,效率会比较低下。官方文档比较全面,涉及的知识点也比较多,很多是刚开始工作用不到的。我还是比较推荐视频学习,高效吸收快。等你入门了,再看文档重新梳理一遍。我的学习方法是从全面再到局部,这样学习的过程中就不会困惑与纠结

    网上关于vue及其全家桶的视频很多,但都不太适入门学习者。要不就是一直讲项目,涉及的业务逻辑比较多,知识点较少。要不就是完全讲api的使用,没有实际操作,枯燥也没有整体项目的思维。我之前看过一个vue及其全家桶的视频,是用一个简单的项目,将vue的所有知识点串起来,特别适合萌新。

    至此,你算已经是跨入前端这个行业了。但不幸的告诉你这才是万里长征的第一步。想升职、想加薪、想成为大牛,你要学的知识还有太多。

    扩展
    接下来的内容前端入门可以不用学,等找到工作再学也不迟

    webpack + git+node

    webpack、git、node属于高级的前端的知识点了,也是前端的分水岭。本来我是不想在入门学习中提及的,但还是希望各位了解下,学习除了深度我们也需要广度。所以作为萌新的你只要会简单的使用就行了,不用去深究。上网看一些入门的博客就好或者入门的视频,我也有一些自己的学习笔记,有需要的可以发给你。

    开发工具—vscode

    工欲善其事,必先利其器。想要优雅且高效的编写代码,必须熟练使用一款前端开发工具,我个人首推vscode。

    如果你想要学好WEB前端,在学习过程中,身边没有一个能够指导你学习的人,可以到这个WEB前端裙:484,757,760,里面有根据目前市场需求,录制的最新的系统教程,不管是计算机专业想要往WEB前端方向发展,还是零基础想转行,都可以跟着教程学,有什么不懂的可以在里面问。

    展开全文
  • 学习前端,首先要学习的html+css,今天分享的这套教程,是一套前端入门教程,零基础都能学习哦!并且还有品优购项目教程!此教程重点讲解了常见的HTML5标签,CSS3最常用的样式,最后站在实际开发的角度讲解一个PC端...
  • 前端入门方法总结

    千次阅读 2015-11-22 15:05:59
    前端入门方法总结
  • 这套「web前端入门教程」将多年的编程经验灌输其中,典型的实践派。既适合初学者入门,也适合程序员进阶(学习底层)。 小编推荐一个学web前端开发的学习裙三二八四零零三一四,免费领取,无论你是大牛...
  • 前端入门(一)

    2018-06-12 00:36:34
    心心念念了前端好久,没想到正式入门竟是在期末考试周的深夜 附原文链接:前端入门第一天·
  • 前端是什么 众多IT岗位中的一员,以HTML+CSS+JS开发网站、微信公众号、小程序、WEBAPP的岗位,一个夹杂与UI与后台间的岗位。工作流程为从UI处得到原型图或者效果图,在项目(网站、微信公众号、小程序、WEBAPP)中...
  • 前端入门和进阶学习笔记,超详细的图文教程。从零开始学前端,做一个web全栈工程师
  • GitHub上最全的前端入门资源汇总 快如入门前端 前言 前端无疑是2016年最火热的技术,没有之一。 各种前端mvc框架层出不穷,angular js,vue,React,前端组件化开发概念已经深入人心。前端工资已经比手机...
  • 前端入门知识(一)

    2020-10-26 10:17:39
    前端入门知识(一) 前端的发展历程 总的概括一下前端的历史:做为后端的一部分----从后端分离出来----自己写前端和后端 对应的前端程序员的历史:切图仔----前端工程师----全栈工程师 什么是前端 前端:针对...
  • 总结的前端入门方法

    2017-03-23 16:59:50
    结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路。 互联网的快速发展和激烈竞争,用户...
  • 前端入门需要注意什么? 打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持续更新) 一:web前端学什么内容 刚刚入门web前端,学习的东西有很多,比如html基础,和css样式,...
  • 前端入门学习笔记1

    2018-10-19 20:41:22
    经过很长时间的挣扎,最后还是想要学习前端,所以从今天开始开始学习了,虽然以前学过其他的语言,但是在前端上还是算零基础小白吧。... ...今天学习了三个小时左右的前端入门,学习目标原本是把W3...
  • 前端入门系列

    2019-06-22 16:48:16
    CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML & CSS 基础入门(3)列表及其样式 前端HTML & CSS 基础入门(4)边框与背景 前端HTML & CSS 基础入门(5)超链接 前端...
  • 结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路。互联网的快速发展和激烈竞争,用户...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 29,491
精华内容 11,796
关键字:

前端入门