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

简介:
以下是我总结的前端学习的一些方面的知识,一共有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,如需转载请自行联系原作者

相关文章
AI程序员:通义灵码 2.0应用VScode前端开发深度体验
AI程序员:通义灵码 2.0应用VScode前端开发深度体验,在软件开发领域,人工智能技术的融入正深刻改变着程序员的工作方式。通义灵码 2.0 作为一款先进的 AI 编程助手,与广受欢迎的代码编辑器 Visual Studio Code(VScode)相结合,为前端开发带来了全新的可能性。本文将详细分享通义灵码 2.0 在 VScode 前端开发环境中的深度使用体验。
213 2
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
283 26
独家揭秘:前端大牛们如何高效学习新技术,保持竞争力!
【10月更文挑战第31天】前端技术飞速发展,如何高效学习新技术成为关键。本文通过对比普通开发者与大牛们的策略,揭示了高效学习的秘诀:明确目标、主动探索、系统资源、实践应用和持续学习。通过这些方法,大牛们能更好地掌握新技术,保持竞争力。示例代码展示了如何通过实践加深理解。
111 4
VUE学习四:前端模块化,ES6和ES5如何实现模块化
这篇文章介绍了前端模块化的概念,以及如何在ES6和ES5中实现模块化,包括ES6模块化的基本用法、默认导出与混合导出、重命名export和import,以及ES6之前如何通过函数闭包和CommonJS规范实现模块化。
237 0
VUE学习四:前端模块化,ES6和ES5如何实现模块化
前端新机遇!为什么我建议学习鸿蒙?
【10月更文挑战第4天】前端新机遇!为什么我建议学习鸿蒙?
249 0
前端新机遇!为什么我建议学习鸿蒙?
【前端学java】如何从前端视角快速学习Maven
【8月更文挑战第12天】如何从前端视角快速学习Maven
111 2
【前端学java】如何从前端视角快速学习Maven
前端框架Vue------>第二天学习(1)插槽
这篇文章介绍了Vue框架中插槽(slot)的概念和用法,以及如何在组件中使用自定义事件进行父子组件间的通信。
前端框架Vue------>第二天学习(1)插槽
如何学习计算机基础知识,打好前端和网络安全的基础
如何学习计算机基础知识,打好前端和网络安全的基础
139 4
前端框架Vue------>第三天学习(1)
这篇文章介绍了Vue框架的组件基础和计算属性的概念,通过示例代码展示了如何定义可复用的Vue组件和使用计算属性来声明性地描述依赖其他值的数据。