前端初识

  现在网站开发的市场越来越大,个人和企业都有了主页、网络办公的需求,并且随着网站开发前端和后台的工作细分,前端开发的需求也越来越大。

  前端的任务是将美工的网页设计使用前端技术尽可能无差别地实现(当然部分前端还承担着美工的工作),需要包括html文档结构化、元素定位排版、动画效果实现等技能。

  个人确定的成长路线是这样的,大致看完w3cSchool中html、css、js的部分,这三个是前端使用的主要技术;之后多进行网页实现的实践,学会使用相关的工具,多看看别人是怎么组织文档和相关代码的;了解前端与后台的交互,能做到与美工和后台的无缝式合作。

技术基础

  技术学习是渐进的,可以先浏览w3c中的介绍,然后结合具体的网页实践,迭代式得完善自己的知识系统。

  为了标准化、结构化和内容表现分离,需要明确html、CSS各自承担的职能。

  HTML

  html是超文本标记语言(hyper主要体现在复杂庞大的web文档世界中,可以使用超链接的形式做跳转索引)。主要管理的是页面的结构和内容,而不是样式。不要为了实现美工设计中的样式,而采用某种标签,比如不要为了在文字前出现"*",就使用<ul>。美工的设计稿拿到手,首先需要分析网页的文档结构,就像确定一本书的目录一样,确定哪些是一级标题、二级标题、表格、段落等,然后使用恰当的格式标签规划html,并合理使用<div>,对网页设计分块、模块化。html发展至今也有了很多版本,从html到xhtml再到html5,xhtml的出现除了进一步明确文档编写的格式化规则,更是为了强调html所承担的结构化作用。

  html的学习主要包括熟悉各种标签和属性设置,学会使用w3c的html参考手册帮自己快速完成编写任务,另外w3c还提供了html速查手册,可以用于记忆参考。

  CSS

  CSS承担着确定内容样式的作用。CSS也在不断发展,以支持更多的特性,像CSS3就开始支持自定义web字体,CSS动画的设计。

  CSS的学习主要包括各种标签样式的设计和使用,结合html理解框、定位规则等,进一步得学习如何精简CSS等进阶内容,这需要结合实践迭代式完善,可以多与网络上的前端交流新的效果和技术。

  JS

  js主要负责实现更完善的用户交互和客户端的自动化功能。学习基础之后,需要学习一两个常用的JS框架,比如Jquery。进一步得学会使用第三方的插件和代码,为自己所用。

Front-End(一)的更多相关文章

  1. Java Web项目报错java.lang.NullPointerException at org.apache.jsp.front.index_jsp._jspInit(index_jsp.java:30)

    环境:myeclipse+tomcat6+jdk6 今天搭建了一个Java Web项目,访问index.jsp时报如下错误: 严重: Servlet.service() for servlet jsp ...

  2. Front End Developer Questions 前端开发人员问题(二)CSS 后续

    问题来源:http://markyun.github.io/2015/Front-end-Developer-Questions/ 31.视差滚动效果,如何给每页做不同的动画?(回到顶部,向下滑动要再 ...

  3. I finally made sense of front end build tools. You can, too.

    来源于:https://medium.freecodecamp.com/making-sense-of-front-end-build-tools-3a1b3a87043b#.nvnd2vsd8   ...

  4. [front]有效开展一个前端项目

    今天的前端如果没有用到 npm,效率是比较低的:所以要从使用的工具来讲. 1. 一切都依赖于 nodejs: 下载一个 linux 的源码包就可以开始安装了. $ wget https://nodej ...

  5. Queue的push和front操作

    #include <queue> #include <cstdlib> using namespace std; int main(){ queue<int> qu ...

  6. 自己动手做Web框架—MVC+Front Controller

    在我前面一篇博文<逃脱Asp.Net MVC框架的枷锁,使用Razor视图引擎>发表之后,很多人关心,脱离了之后怎么办?那么这可以说是它的续篇了. 同时,这也是eLiteWeb开源软件的一 ...

  7. Activity not started, its current task has been brought to the front

    运行错误:Activity not started, its current task has been brought to the front . 原因分析:因为你的模拟器中还有东西在运行,也就是 ...

  8. ActivityManager: Warning: Activity not started, its current task has been brought to the front 的的问题

    运行android程序的时候提示:ActivityManager: Warning: Activity not started, its current task has been brought t ...

  9. [Design Pattern] Front Controller Pattern 简单案例

    Front Controller Pattern, 即前端控制器模式,用于集中化用户请求,使得所有请求都经过同一个前端控制器处理,处理内容有身份验证.权限验证.记录和追踪请求等,处理后再交由分发器把请 ...

  10. STL front() ,back()和begin(),end()区别

    首先看看vector里面的: reference front(); const_reference front() const; queue里面的: value_type& front(); ...

随机推荐

  1. linux $ 类型变量 及Makefile 中 $ 类型变量的含义

    Shell 命令中: $$: shell pid $!: pid of the last process running in shell $?: shell command return code ...

  2. 如何在数据库中存储IP地址

    最近改一个比较老的web系统,该系统是通过账号或者ip地址(白名单)验证限制访问权限的. 由于运营的时间比较长了,发现进入网站巨卡... 原因就是:之前的数据库(sqlserver)存储ip地址是用的 ...

  3. mongodb学习(翻译1)

    学习mongodb,试着翻译写,英语能力有限,希望大家指正,不顺畅地方大家担待,会后续翻译后面内容: 开始认识C#驱动(官方) 简介 本介绍提供了足够的信息,让你开始使用C#的驱动程序.起步之后,你可 ...

  4. ArcEngine关于单位转换示例

    示例界面: 转换代码: private void Button1_Click(object sender, System.Windows.RoutedEventArgs e) { // Get the ...

  5. C#操作Kentico cms 中的 content(winform环境)

    前段时间做了个winform程序,去管理kentico网站的content,包括content节点的增删改查,以及相应节点内容的修改.现在将对content的操作方法简单的介绍一下. 我们想要操作ke ...

  6. GetWindowRect和GetClientRect的区别详解

    一:关于坐标 MFC中绘图时经常涉及到坐标计算,GetWindowRect和GetClientRect这两个函数,是获取逻辑坐标系中窗口或控件(其实也是窗口)大小和坐标的常用函数了,有什么不一样的? ...

  7. Python学习入门基础教程(learning Python)--6.3 Python的list切片高级

    上节"6.2 Python的list访问索引和切片"主要学习了Python下的List的访问技术:索引和切片的基础知识,这节将就List的索引index和切片Slice知识点做进一 ...

  8. [置顶] JAVA从零单排4-----继承、封装和多态详解

    继承 Java三大特征之一:继承.Java的继承具有单继承的特点,每个子类只能有一个直接父类. 继承的特点 Java的继承用extends关键字来实现,被继承的类成为父类,实现继承的类被称为子类.子类 ...

  9. lll

    //// whywhy unsigned int T = 1; ~T = 4294967294; T = 2;~T= 4294967293 ;T = 0;~T=4294967295; int T = ...

  10. vs2012中程序集生成无法自动在网站Bin目录下生成Dll文件?(已解决!)

    最近,突然发现生成程序集后,网站bin目录下dll没有更新,也没有自动生成dll文件,通过近半个小时的摸索和实验,找到了解决方法: 1.右键网站,不是项目,选择[属性页],在左侧[引用]中如果没有,就 ...