代码改变世界

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

  JustRun  阅读(1121)  评论(2编辑  收藏  举报

以下是我总结的前端学习的一些方面的知识,一共有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开做移动应用开发

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示