Front-End(一)
前端初识
现在网站开发的市场越来越大,个人和企业都有了主页、网络办公的需求,并且随着网站开发前端和后台的工作细分,前端开发的需求也越来越大。
前端的任务是将美工的网页设计使用前端技术尽可能无差别地实现(当然部分前端还承担着美工的工作),需要包括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(一)的更多相关文章
- 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 ...
- Front End Developer Questions 前端开发人员问题(二)CSS 后续
问题来源:http://markyun.github.io/2015/Front-end-Developer-Questions/ 31.视差滚动效果,如何给每页做不同的动画?(回到顶部,向下滑动要再 ...
- 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 ...
- [front]有效开展一个前端项目
今天的前端如果没有用到 npm,效率是比较低的:所以要从使用的工具来讲. 1. 一切都依赖于 nodejs: 下载一个 linux 的源码包就可以开始安装了. $ wget https://nodej ...
- Queue的push和front操作
#include <queue> #include <cstdlib> using namespace std; int main(){ queue<int> qu ...
- 自己动手做Web框架—MVC+Front Controller
在我前面一篇博文<逃脱Asp.Net MVC框架的枷锁,使用Razor视图引擎>发表之后,很多人关心,脱离了之后怎么办?那么这可以说是它的续篇了. 同时,这也是eLiteWeb开源软件的一 ...
- Activity not started, its current task has been brought to the front
运行错误:Activity not started, its current task has been brought to the front . 原因分析:因为你的模拟器中还有东西在运行,也就是 ...
- 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 ...
- [Design Pattern] Front Controller Pattern 简单案例
Front Controller Pattern, 即前端控制器模式,用于集中化用户请求,使得所有请求都经过同一个前端控制器处理,处理内容有身份验证.权限验证.记录和追踪请求等,处理后再交由分发器把请 ...
- STL front() ,back()和begin(),end()区别
首先看看vector里面的: reference front(); const_reference front() const; queue里面的: value_type& front(); ...
随机推荐
- [翻译]HBase 的 MVCC 和内建的原子操作
翻译一篇:HBase MVCC and built-in Atomic Operations 作者:Lars Hofhansl HBase 有一些特殊的原子操作: checkAndPut, check ...
- Session、Application、Cache
[Asp.Net]状态管理(Session.Application.Cache) 上篇博文介绍了在客户端状态管理的两种方式:http://www.cnblogs.com/wolf-sun/p/3329 ...
- C#快速学习
C#快速学习笔记(译) 下面是通过代码快速学习C#的例子. 1.学习任何语言都必定会学到的hello,world! using System; public class HelloWorld { ...
- 老鸟都应该注意的git 提交规范
不知道大家有没有看过自己项目的git 提交信息-----我看过好多次 ,不忍直视 然后提醒一起的小伙伴 :大家规范点 信息要详细, 过段时间再看下 ,还是一样. 相信很多猿都有这样的感受,对于垃圾的 ...
- Asp.net QueryString批量插入和更新
public static string InsertOrUpdateQueryString(string[] keys, string[] values) { return InsertOrUpda ...
- 基于ReliefF和K-means算法的医学应用实例
基于ReliefF和K-means算法的医学应用实例 数据挖掘方法的提出,让人们有能力最终认识数据的真正价值,即蕴藏在数据中的信息和知识.数据挖掘 (DataMiriing),指的是从大型数据库或数据 ...
- AspxTreeList获取选中项的值
在csdn上了发了次帖子,没人回复,只有自己结贴了.http://bbs.csdn.net/topics/390706314?page=1#post-396723432 //通过选中的节点获取用户ID ...
- android 工程里缺少 R.java 文件原因和解决方法
作为新手,学习android 的时候难免要导入一些示例,目的为了更加了解android各种API用法,顺便也可以学习下别人代码的写法. 可是导入android源码后,基本都有错误,R.java也不会自 ...
- Execl导入问题之文本转换
前些天在基础数据的导入过程中,遇到了这样一个问题:数据明明存在,可是就是不识别!给出的错误提示是:该数据对应的外键不存在! 我找出其中的一条数据,在外键表中查询是存在的!问题出在哪里了呢? 从exec ...
- Embedded Linux Primer----嵌入式Linux基础教程--导论
第一章 导论 在这一章里(将要学习到) 为什么是Linux 嵌入式Linux现状 开源和GPL(译者:通用公共许可证) 标准和有关团体 本章总结 放弃专有操作系统正在许多传统嵌入式操作系统公司引起一阵 ...