首页 前端知识 web前端自学之路:我的HTML、CSS学习计划

web前端自学之路:我的HTML、CSS学习计划

2024-04-29 12:04:10 前端知识 前端哥 497 143 我要收藏

大致的思路是:1.先打好基础,在学习框架

基础方面主要涉及到的语言是Html、CSS、JavaScript,如果在这三个里面在挑基础的话应该就是Html、CSS了。

所以,2.基础知识里面先学Html,CSS

Html\CSS学习计划

之前有过一个月的断断续续的学习,W3C的基础知识也看了,但是一到自己写页面还是不会。我就问自己为什么?我觉得可能的原因是,会HTML\CSS基础知识还不足以写出完整的静态页面,一定是我还缺少了某些知识和能力。

我觉得一个最重要的能力是:拿到设计图,首先是分析它,而不是直接写代码

分析是一种能力,而HTML\CSS只是实现我们目标的工具,而掌握了HTML\CSS基础知识仅仅是掌握了如何使用这些工具,就像是我会搬砖,但并不知道怎么盖房子。

我认为这种分析能力是需要通过做大量完整的页面来锻炼的。

所以我大致的学习思路是:以最快的速度了解Html\CSS基础知识,然后至今开始做大量的完整的静态页面。下面会展开说我的学习计划以及一些资料。

1.快速掌握基本的HTML、CSS知识

网上有很多免费的HTML\CSS教程,但是为了快速,我推荐[marksheet],这个教程的好处是它先介绍了web方面的基础知识,让大家对web有个宏观上的了解,然后再开始介绍HTML\CSS的必要最少知识,大概四十分钟就可以看完。

2.准备好随时可查阅的资料

我觉得以下几个资料准备好就可以直接开始做页面了

cheat sheet

准备这个的好处是他们是图片,而且高度概括了HTML\CSS的基础知识,自己做页面的时候把这个图片打开,随时查阅,会比上网查更快

搜索XX mdn

当然如何需要知道某个html标签或者css属性的详细用法,只需要google一下:你要找的知识 mdn

code guide

为了写出很健壮的代码,还是要吸取前辈们的一些最佳实践,我推荐的是Code Guide,也不是要强行的遵守他,但是要有意识注意他,边实践边改自己的代码。

3.做大量完整的静态页面

首先我需要找到这样的静态页面去临摹,下面是哪里寻找这些代码来临摹

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

更多面试题

**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML,CSS,前端基础,前端核心,前端进阶,移动端开发,计算机基础,算法与数据结构,项目,职业发展等等

资料获取方式:点击蓝色传送门获取

项目,职业发展等等**

资料获取方式:点击蓝色传送门获取

[外链图片转存中…(img-dFETuMLI-1712548091732)]

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6435.html
标签
评论
发布的文章

HTML5本地存储

2024-05-06 09:05:10

HTML5和CSS3新特性

2024-04-16 17:04:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!