我理解的一个程序员如何学习前端开发

简介:
以下是我总结的前端学习的一些方面的知识,一共有3个阶段


1. 学习HTML, 能用和看懂基本的HTML标签(重点div, ul, li, span, a)
   搞清楚table布局和div布局的不同和为什么要使用div布局
2. 了解基本的js语法和使用
3. 学习CSS, 重点搞清楚padding, margin, float和布局相关的属性
4. 对照一个psd翻译成需要的html和css样式
5. 学习使用firebug来调试网页
——————————————————————————————————————————————————————————
1. 看看网页的W3C标准具体是什么?验证一下翻译的网页那些不符合W3C标准,如何改进。
2. 看看什么是CSS Sprite, 有什么作用,如何使用?
3. 了解IE不同版本, Firefox, Chrome,safiri 等浏览器之间对CSS支持的区别, 如何使用避免这些问题。学习如何使用CSS hack.
4. 学习使用YSlow来测试网页性能
——————————————————————————————————————————————————————————
1. 学习一个css框架,推荐bootstrap
2. 学习SEO的原理和应用,总结如何能做出一个对SEO友好的网页
2. 学习CSS3和HTML5

3. 学习一个移动设备的UI库,使用HTML5和CSS3开做移动应用开发



本文转自JustRun博客园博客,原文链接:http://www.cnblogs.com/JustRun1983/archive/2012/08/28/2659671.html,如需转载请自行联系原作者

目录
相关文章
|
9天前
|
移动开发 前端开发 JavaScript
从零开始学习前端开发:入门指南
本文将介绍从零开始学习前端开发的入门指南。通过学习HTML、CSS和JavaScript等基础知识,读者将了解前端开发的基本概念和工具,并学会如何构建简单的网页应用程序。无论您是初学者还是有一定经验的开发人员,本文都将帮助您打下坚实的前端开发基础。
|
9天前
|
存储 开发框架 前端开发
从零开始学习前端开发
前端开发是现代互联网应用程序开发中不可或缺的一部分。本文将带您从零开始学习前端开发,包括HTML、CSS和JavaScript等核心技术,以及常见的开发框架和工具。
|
7天前
|
前端开发
从零开始学习前端开发:HTML基础
HTML是前端开发的基础,它是网页内容的结构化描述语言。本文将介绍HTML的基本语法、标签和元素,以及如何使用它们来创建简单的网页。
|
2天前
|
存储 缓存 前端开发
学习和理解前端缓存
前端缓存通过存储重复资源提升网页加载速度,减少服务器压力,优化用户体验。它涉及静态资源(如图片、CSS、JS)的HTTP缓存,动态数据(使用`localStorage`、`IndexedDB`)缓存,用户登录态、页面状态管理,以及预加载缓存。实现方式包括HTTP缓存(强缓存、协商缓存),浏览器存储(localStorage、sessionStorage、IndexedDB),Service Worker和Cache API。在项目中,应根据资源特性和需求选择合适的缓存策略。
|
5天前
|
前端开发 JavaScript
从零开始学习前端开发
前端开发是一门非常受欢迎的技术,它可以让我们在网页上展示出美观、交互式的内容。但是对于初学者来说,前端开发可能是一门比较难入手的技术。本文将会从基础概念开始介绍前端开发,并深入了解HTML、CSS和JavaScript的使用及其应用。
|
7天前
|
设计模式 存储 前端开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
|
7天前
|
前端开发 JavaScript Java
npm与Maven:前端与后端构建工具深度对比学习
npm与Maven:前端与后端构建工具深度对比学习
|
9天前
|
前端开发 JavaScript 关系型数据库
前端网页手册(1)--基础学习
前端网页手册(1)--基础学习
6 1
|
9天前
|
存储 移动开发 JavaScript
学习javascript,前端知识精讲,助力你轻松掌握
学习javascript,前端知识精讲,助力你轻松掌握
|
9天前
|
前端开发 JavaScript Java
通过学习mayfly,我学会了前端如何优雅设计字典值
`shigen`是一位擅长多种编程语言的博主,他在探索[mayfly-go](https://juejin.cn/post/7319365035552309248)项目后,发现了对枚举值管理的优雅设计。他分享了如何将字典和枚举值结构化,使用Vue+typescript实现更易维护的代码。通过创建`TagType`和`EnumValue`类,以及提供静态方法,实现了模块化和简洁的字典处理。示例展示了如何在页面中高效引用和显示字典数据,提高了代码的可读性和可维护性。
22 3
通过学习mayfly,我学会了前端如何优雅设计字典值