前端初识

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

  前端的任务是将美工的网页设计使用前端技术尽可能无差别地实现(当然部分前端还承担着美工的工作),需要包括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. [翻译]HBase 的 MVCC 和内建的原子操作

    翻译一篇:HBase MVCC and built-in Atomic Operations 作者:Lars Hofhansl HBase 有一些特殊的原子操作: checkAndPut, check ...

  2. Session、Application、Cache

    [Asp.Net]状态管理(Session.Application.Cache) 上篇博文介绍了在客户端状态管理的两种方式:http://www.cnblogs.com/wolf-sun/p/3329 ...

  3. C#快速学习

    C#快速学习笔记(译)   下面是通过代码快速学习C#的例子. 1.学习任何语言都必定会学到的hello,world! using System; public class HelloWorld { ...

  4. 老鸟都应该注意的git 提交规范

    不知道大家有没有看过自己项目的git 提交信息-----我看过好多次 ,不忍直视  然后提醒一起的小伙伴 :大家规范点 信息要详细, 过段时间再看下 ,还是一样. 相信很多猿都有这样的感受,对于垃圾的 ...

  5. Asp.net QueryString批量插入和更新

    public static string InsertOrUpdateQueryString(string[] keys, string[] values) { return InsertOrUpda ...

  6. 基于ReliefF和K-means算法的医学应用实例

    基于ReliefF和K-means算法的医学应用实例 数据挖掘方法的提出,让人们有能力最终认识数据的真正价值,即蕴藏在数据中的信息和知识.数据挖掘 (DataMiriing),指的是从大型数据库或数据 ...

  7. AspxTreeList获取选中项的值

    在csdn上了发了次帖子,没人回复,只有自己结贴了.http://bbs.csdn.net/topics/390706314?page=1#post-396723432 //通过选中的节点获取用户ID ...

  8. android 工程里缺少 R.java 文件原因和解决方法

    作为新手,学习android 的时候难免要导入一些示例,目的为了更加了解android各种API用法,顺便也可以学习下别人代码的写法. 可是导入android源码后,基本都有错误,R.java也不会自 ...

  9. Execl导入问题之文本转换

    前些天在基础数据的导入过程中,遇到了这样一个问题:数据明明存在,可是就是不识别!给出的错误提示是:该数据对应的外键不存在! 我找出其中的一条数据,在外键表中查询是存在的!问题出在哪里了呢? 从exec ...

  10. Embedded Linux Primer----嵌入式Linux基础教程--导论

    第一章 导论 在这一章里(将要学习到) 为什么是Linux 嵌入式Linux现状 开源和GPL(译者:通用公共许可证) 标准和有关团体 本章总结 放弃专有操作系统正在许多传统嵌入式操作系统公司引起一阵 ...