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

    2019-04-01 10:13:11
    web端三大框架react、vue和angular。

    前端演进史

    细细整理了过去接触过的那些前端技术,发现前端演进是段特别有意思的历史。人们总是在过去就做出未来需要的框架,而现在流行的是过去的过去发明过的。如,响应式设计不得不提到的一个缺点是:他只是将原本在模板层做的事,放到了样式(CSS)层来完成。
    复杂度同力一样不会消失,也不会凭空产生,它总是从一个物体转移到另一个物体或一种形式转为另一种形式。
    如果六、七年前的移动网络速度和今天一样快,那么直接上的技术就是响应式设计,APP、SPA就不会流行得这么快。尽管我们可以预见未来这些领域会变得更好,但是更需要的是改变现状。改变现状的同时也需要预见未来的需求。

    什么是前端

    维基百科是这样说的:前端Front-end和后端back-end是描述进程开始和结束的通用词汇。前端作用于采集输入信息,后端进行处理。计算机程序的界面样式,视觉呈现属于前端。

    这种说法给人一种很模糊的感觉,但是他说得又很对,它负责视觉展示。在MVC结构或者MVP中,负责视觉显示的部分只有View层,而今天大多数所谓的View层已经超越了View层。前端是一个很神奇的概念,但是而今的前端已经发生了很大的变化。

    你引入了Backbone、Angluar,你的架构变成了MVP、MVVM。尽管发生了一些架构上的变化,但是项目的开发并没有因此而发生变化。这其中涉及到了一些职责的问题,如果某一个层级中有太多的职责,那么它是不是加重了一些人的负担?

    前端入门

    web端三大框架react、vue和angular。
    大前端有很多种,Shell 前端,客户端前端,App 前端,Web 前端和可能接下来很会火起来的 VR 前端等。当然在这篇文章,集中讨论一下身为小白,我们怎样去了解 Web 前端,以至达到一种入门级别的水平。 在这里插入图片描述
    互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也越来越高,优秀的前端工程师更是稀缺。个人感觉前端入门相对容易,但是也需要系统地认真学习,在打好基础后坚持学习,成为优秀前端工程师也只是时间问题。

    Web 前端的技能三大基石 – HTML,CSS,JavaScript。
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • Web前端入门

    2017-04-26 21:49:38
    心血来潮,就是想自己写点东西,最近正在研究Web前端相关相关的语言和框架,也看了不少别人的博客,结合学习中遇到的问题,写一些自己在学习时的一些感触吧 本人对Java、Android都是有一定基础(比小白强点…),...

    咳咳…菜鸟程序猿一枚。

    心血来潮,就是想自己写点东西给自己看看也是总结下,最近正在研究Web前端相关相关的语言和框架,也看了不少别人的博客,结合学习中遇到的问题,写一些自己在学习时的一些感触吧

    本小白对Java、Android都是有一定基础(比小白强点…),自己也做了几个项目,所以也是有了一定的编程基础,发现Web前端的优势很强大,Android原生的开发并不能满足更多的需求,不管在性能还是成本等等方面的要求,混合开发的前景会更好,自己也想向着全栈开发工程师的方向去发展,学习的过程是痛苦的,但是为了心中的梦想,还是咬咬牙坚持吧,于是乎开始了痛并快乐着的学习。

    一、入门
    学习Web前端肯定要知道Web前端是干什么的,接触了一门新的东西,我们可以最快了解它的是什么方法?博客?视频?书籍?或许都有吧,简单的说Web前端开发就是网页开发(我自以为),HTML+CSS+JavaScript,是其中最基本的使用语言,不用说,肯定要对这三种语言要了解一番吧,下面一一简单说明:

    1.HTML:超文本标记语言 Hypertext Markup Language ,也就时网页内容载体,将一个 .txt文件的后缀改成 .html在加入其HTML语言基本标签,就是一个简单的网页,过多的不解释(呃….其实是不知道怎么解释,网上一堆);

    2.CSS:层叠样式表 Cascading Style Sheets ,简单的说就是控制网页中内容的显示风格(字体,背景,颜色等),使用简单灵活,提高开发效率,修改维护更方便,也就是能让你的页面看起来更绚丽的东西

    3.JavaScript:顾名思义,就是处理和网页事件交互的java脚本语言,也是用的非常多,不知道谁说的好像时世界上最流行的脚本语言,听起来很厉害的样子,在Android 中也是有用到网页和App本身交互的地方,就是要支持JavaScript来做一些点击什么的交互处理

    以上基本的用法也是不在这里一一说明了,各个大神的博客一搜就是一大堆,下面来说说开发工具吧

    二、web开发工具
    说实话我就用过一款前段的开发工具 —— WebStorm, 如果使用过Android Studio 开发的使用起来会非常容易上手,因为其编程页面和Android Studio 挺相似的,其开发公司好像也是和Android Studio是一家的,只需要基本的了解下便可以明白是怎么使用了,内部也支持各种主流浏览器(Chrome,Firefox等)的页面效果预览,WebStorm下载后好像也是需要激活破解的,地址如下:
    http://blog.csdn.net/it_talk/article/details/52448597
    应该还能用吧(不能用别喷我,我也是找别人的)
    因为我也没有使用过其他的工具,也不做出其他评价

    最后在工作里我发现自学的前端相关知识没怎么用到,因为公司招我来是做Android的,虽然是这样,但面试的时候我也是说了我自学一点前端相关,怎么说也是了解一些,算是加分项吧,往全栈发展听起来好像很厉害的样子,而且在项目中也是用到了和网页交互的地方,部分前端代码也是能看懂的,多少有些帮助吧,后期会写一些Android 相关的,毕竟是老本行。。最后也是希望有那么一点点能帮助大家的,有什么不足的地方还请多多指教!

    展开全文
  • 好程序员web前端分享web前端入门知识,给大家分享一些Web前端工程师要掌握的基础知识和技能,下面一起来看看。 1、网页的基本结构(HTML、CSS) HTML是一种标记语言,而不是编程语言,最基本是标签是和,CSS是...

    好程序员web前端分享web前端入门知识,给大家分享一些Web前端工程师要掌握的基础知识和技能,下面一起来看看。

     

    1、网页的基本结构(HTML、CSS)

     

    HTML是一种标记语言,而不是编程语言,最基本是标签是和,CSS是用来定义如何显示HTML元素的。对HTML+CSS很容易入门,但很多人不够深入,举几个例子:标签是作什么用的?margin-left与left有什么区别,应该在什么情况下使用?再出个DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度。如果这些问题你目前还不知道,对那个布局问题几分钟内不能解决,说明你对HTML+CSS还不够深入。

     

    2、浏览器是怎么展现网页的

     

      不同内核的浏览器对网页的渲染是不一样的,目前浏览器都有客户端调试工具,在做Web性能优化时,对浏览器渲染及细节要进一步了解。说个比较有用的知识点:目前浏览器并行加载的上限是6,老版本的浏览器会有所不同。

     

    3、网页的周期

     

      不同的Web框架下,页面的生命周期会有所不同,大体还是一样:客户端发送GET请求,服务器返回相应页面,客户端完成操作及数据,然后POST给服务器。一定要对数据的传递(前台与后台,页面之间)的细节了然于心。

     

    4、DHTMLDOMBOMJavaScriptAJAX

     

      这是Web前端开发的重中之中,大多数时候我们都在和他们打交道。说几个注意点:javascript是单线程编程,所谓的javascript异步编程只不过是计划在未来的某个时间上执行相应事件而已;详细了解DOM事件机制;客户端存储(HTML5中增加了localStorage和sessionStorage);javascript不像服务器端语言那样严谨,调试不是很方便,所以一开始要养成严谨的javascript编辑习惯;javascript很强大很灵活,不要幻想短时间内熟练(更别说精通)它,并写些框架、类库,初始阶段还是先用熟练已成熟的框架(比如jquery)当入门;一定要熟练使用客户端调试工具。

     

    5、服务器端语言开发经验,PS切图技术

     

    Web前端开发介于设计与开发中间,所以两端的东西都得懂点。编辑语言是相通的,之前编写过服务器语言,对学习javascript是十分有益的,从图片转成静态HTML页面,少不了PS切图技术。

     

    6、浏览器的兼容性

     

    由于历史原因,浏览器的兼容性一直都折磨Web前端工程师的地方,虽然有W3组织,并制定了一些规范,虽然浏览器产商都正在努力改进并接近其规范,但现实网络环境中各种内核、各种版本的浏览器都有一席之地。这也是优秀的Web前端工程师必须掌握的技术点。

     

    展开全文
  • web前端教程分享web前端入门基础知识,作为合格的Web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一两个还不行,必须对这三门语言都要熟悉。下面我们一起来看一看吧! 1、网页的基本结构(HTML、CSS) HTML是...

    web前端教程分享web前端入门基础知识,作为合格的Web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一两个还不行,必须对这三门语言都要熟悉。下面我们一起来看一看吧!

    1、网页的基本结构(HTML、CSS)

    HTML是一种标记语言,而不是编程语言,最基本是标签是和,CSS是用来定义如何显示HTML元素的。对HTML+CSS很容易入门,但很多人不够深入,举几个例子:标签是作什么用的?margin-left与left有什么区别,应该在什么情况下使用?再出个DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度。如果这些问题你目前还不知道,对那个布局问题几分钟内不能解决,说明你对HTML+CSS还不够深入。

    2、浏览器是怎么展现网页的

    不同内核的浏览器对网页的渲染是不一样的,目前浏览器都有客户端调试工具,在做Web性能优化时,对浏览器渲染及细节要进一步了解。说个比较有用的知识点:目前浏览器并行加载的上限是6,老版本的浏览器会有所不同。

    3、网页的周期

    不同的Web框架下,页面的生命周期会有所不同,大体还是一样:客户端发送GET请求,服务器返回相应页面,客户端完成操作及数据,然后POST给服务器。一定要对数据的传递(前台与后台,页面之间)的细节了然于心。

    4、DHTML DOM BOM JavaScript AJAX

    这是Web前端开发的重中之中,大多数时候我们都在和他们打交道。说几个注意点:javascript是单线程编程,所谓的javascript异步编程只不过是计划在未来的某个时间上执行相应事件而已;详细了解DOM事件机制;客户端存储(HTML5中增加了localStorage和sessionStorage);javascript不像服务器端语言那样严谨,调试不是很方便,所以一开始要养成严谨的javascript编辑习惯;javascript很强大很灵活,不要幻想短时间内熟练(更别说精通)它,并写些框架、类库,初始阶段还是先用熟练已成熟的框架(比如jquery)当入门;一定要熟练使用客户端调试工具。

    5、服务器端语言开发经验,PS切图技术

    Web前端开发介于设计与开发中间,所以两端的东西都得懂点。编辑语言是相通的,之前编写过服务器语言,对学习javascript是十分有益的,从图片转成静态HTML页面,少不了PS切图技术。

    6、浏览器的兼容性

    由于历史原因,浏览器的兼容性一直都折磨Web前端工程师的地方,虽然有W3组织,并制定了一些规范,虽然浏览器产商都正在努力改进并接近其规范,但现实网络环境中各种内核、各种版本的浏览器都有一席之地。这也是优秀的Web前端工程师必须掌握的技术点。

    展开全文
  • 好程序员web前端教程分享web前端入门基础知识,作为合格的Web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一两个还不行,必须对这三门语言都要熟悉。下面我们一起来看一看吧! 1、网页的基本结构(HTML、...
  • 这套「web前端入门教程」将多年的编程经验灌输其中,典型的实践派。既适合初学者入门,也适合程序员进阶(学习底层)。 小编推荐一个学web前端开发的学习裙三二八四零零三一四,免费领取,无论你是大牛...
  • Web前端入门和进阶学习笔记,超详细的前端学习图文教程。从零开始学前端,做一个Web全栈工程师
  • 前端有三大基础JavaScript、CSS、HTML。 前端技术有两张,一般分为前端设计和前端开发,前端设计一般...这里的web前端入门就是采用代码实现。 课程目录: 第1课:HTML的概念和基础标签 第2课:常用高级标签和表...
  • web前端的火热,不仅仅是因为招聘市场需求量大,还有一个重要的原因就是,入行...Web前端入门门槛低体现在HTML和CSS上,前者只是结构标签,后者是样式配置,入门是非常简单的,大家可以到网上找一些相关视频学习,也可
  • 一、WEB前端是什么? 使用HTML/CSS/JS以及更多的框架技术,编写网站页面、App应用、小程序、2D&3D游戏、Web VR&AR等应用,通过内容设计、交互动画、数据操作构建项目与用户的交互界面。前端开发工程师在项目...
  • 初学编程的小伙伴经常会遇到的问题...web前端入门教程(非常详细)给你学习前端的新手几个建议:第一:切记学习前端开发不可以依赖任何人,我做了开发这么久,十年了,见过很多依赖老师的学生,这样的后果就是自己没有解
  • 很多新手朋友刚接触前端,不知道从哪里下手,今天就跟大家分享web前端入门知识及要点大全,希望对大家有帮助! 一、WEB前端是什么? 使用HTML/CSS/JS以及更多的框架技术,编写网站页面、App应用、小程序、2D&3D...
  • web前端入门学什么?下面就跟着千锋重庆web前端的小编一起来看看Web前端入门学习之JS基础知识讲解。 Web前端工程师是当前各大企业都比较稀缺的人才,薪资待遇和就业前景都很不错。不论是专业还是非专业,有基础亦或是...
  • 下面介绍学习web前端入门必学的16个知识点,以及web前端的学习方法。 一、下面介绍学习web前端入门必学的16个知识点 1、HTML常用标签 语言是什么 、Web前端开发语言、 HTML超文本标记语言 、 网页主体结构 、常用...
  • 转自:http://www.pinlue.com/article/2020/07/2509/3711077568051.html
  • web前端入门之html+css实例③ 实例三: 思路: 1、头部一块,一个大盒子
  • web前端入门难不难?下面就跟着小编一起来看看web前端入门教程之前端知识难点Node.js讲解。 很多参加学习web前端的人认为,前端入门简单、精通较难,其中比较大的拦路虎就是Npde.js,今天千就来给大家梳理一下。 Node...
  • 本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。...Web前端入门的自学路线 新手入门前端,需要学习的基础内容有很多,如下。 ...
  • web前端入门必读书籍

    2020-09-14 16:41:32
    零基础开始学习web前端技术,那么没有好的书籍你怎么开始学习呢?以下就是给初学web前端最近书籍推荐,希望对于刚刚想进入web前端的人有一定的帮助。 一、《Web前端开发最佳实践》 这本书是前端开发领域的经典之作,...
  • JavaScript基础入门课,学习js基础语法,js的发展历史,通过历史更加生动的了解js的开发。
  • 对于0基础想从事互联网行业的小伙伴们,Web前端开发将会是最合适的入门编程语言。无论你是否承认,这个时代已经被网页所包围了。多样化的网站,赏心悦目的界面以及各种各样出乎意料又在情理之中的便利功能…这所有...
  • 不过,学习要一步一个脚印,不能一口吃一个胖子,所有的实战经验都是基于理论而积累形成,今天的Web前端入门学习教程就给大家梳理汇总一下JS相关的基础知识点。 1、执行环境:有时也叫环境,是JavaScript中最为重要...
  • 不过,学习要一步一个脚印,不能一口吃一个胖子,所有的实战经验都是基于理论而积累形成,今天的Web前端入门学习教程就给大家梳理汇总一下JS相关的基础知识点。1、执行环境:有时也叫环境,是JavaScript中最为重要的...
  • 【陈学辉】web前端全套教程,学前端从0开始,包含HTML、HTML5、CSS、CSS项目,全程干货细讲,带领大家进入web前端开发世界。 【源码,学习笔记等相关资料获取,可以关注私信我】 主讲老师:陈学辉,前百度前端工程师...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,789
精华内容 3,515
关键字:

web前端入门