既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上C C++开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
前端打工人进入前端领域时,会发现“哇,有好多有趣的东西,这工具真好用,这界面真的秀”
实际上,这里面水太深,你把握不住,让叔来 ---- 那叔也得被淹死 (o゜▽゜)o☆[BINGO!]
这里先提醒各位一声:人的能力是有极限的。我从短暂的人生当中学到一件事… 越是前端全都想学 , 就越会发现人类的能力是有极限的 … 除非不学了
不过前端入门都还是一样的,三兄贵阻路 (JavaScript、 HTML、 CSS)
HTML篇
HTML是搭建一个页面的骨架,也是最最最基础的东西
以下介绍HTML的好文 (以下大佬不分先后,狗头保命):
“大佬1号” : 编程小石头
简介:爱技术,爱生活,爱分享,爱家人,爱学习。本人从2013年6月开始自学java Android h5至今,随着学习的深入,自己的技术也慢慢增强,在这里与大家分享个人的学习心得和成长历程,望共进步
文章:《史上最全的HTML、CSS知识点总结,浅显易懂》,虽然是一篇几年前的文章了,但总结的还是非常够用的,当然排版上可能一般
“大佬2号” : GoldenaArcher
简介: Done is better than perfect
文章:将自己对HTML的梳理专门分类到专栏中去, 专栏是https://blog.csdn.net/weixin_42938619/category_10973314.htm
(刚刚入门的同学们建议大家跟着别人的专栏然后自己结合着打代码走一遍,不排除有些代码是错误的可能性)
“大佬3号” : 乘风破浪的程序媛
简介: 一个还在努力奋斗的小女孩 人生没有白走的路 每一步都算数
文章:同样也是自己辛苦整理的专栏,专栏是https://blog.csdn.net/m0_46374969/category_10753527.html
(刚刚入门的同学们建议大家跟着别人的专栏然后自己结合着打代码走一遍,不排除有些代码是错误的可能性)
“大佬4号” :°PJ想做前端攻城狮
简介:始终相信不能更进一步不是因为困难,而是畏惧困难的自己。所以想做前端攻城狮的PJ正在将键盘敲烂的路上,一直敲
文章:《HTML与CSS进阶》,此文章属于对HTML5新特性增内容的一些介绍,举得例子也足够的多,前端对HTML5有不了解的也可以进行查询
“大佬5号” :wuyxinu
简介:持续更新前端知识点合集以及各种前端知识。关注一下⑧
文章:《HTML入门与进阶以及HTML5》,推荐的理由也是因为比较全面,没什么好说的,打上666666
因为HTML中我们经常会使用到input标签,这里来给一个《html 的input标签 各种输入控制》的小推荐,比较全面,虽然是转载的,但是当遇到input输入控制问题时可以来这篇文章光顾。
当然了,有关HTML
不错的文章还有很多,以下就不一一列举了,毕竟HTML
是入门第一关,如果这一关都过不了,那应该是有其他的地方比HTML
更加适合你的 o( ̄┰ ̄*)ゞ
CSS篇
CSS入门简单,但是深入难度就高了。
基础的background、font
之类的简单知识了解了,可以很棒ヾ(´∀o)+,那你知道
box-shadow、animation、transition吗? 接下来的
:root、clip-path、var会了吗? 布局你知道多少呢,
position、float肯定会的吧,
flex也行吧,
grid`呢?
别的程序员用CSS写出了那么好看的效果,麻烦你也做一下 ✋
下面是大佬主要用CSS和HTML做出来的
CSS入门推荐 (上面介绍过的就不会详细再说了):
animation
和transition
动画
“大佬6号” :疯狂的地球人
简介:人生苦短 及时行乐
文章:《超详细 CSS动画-animation》,对animation做了概述,并且用代码举出了几个小栗子
“大佬7号” :面条请不要欺负汉堡
简介:道理不是拿来懂的,而是拿来悟的
文章:《animation的steps()用法详解》,animation中的step能够让序列帧动画达到较为流畅的播放效果,而不会被人明显看出来卡帧。这一点是在上一篇推荐文章中没有提到的
“大佬8号” :大大大老猫
简介:很懒,什么也没有写
文章:《CSS3 Transition》,里面讲述了Transition的基础使用,当然大家去看菜鸟和W3C教程也是一样,hhh
“大佬9号” :小炮兵快跑
简介:很懒,什么也没有写
文章:《vue中transition标签如何使用》,使用transition标签的方法
:root 和 var 以及 calc
“大佬10号” :ArvinWoo
简介:快看月亮
“大佬11号” :小o-o璇
简介:
文章:《calc()语法规则》,写的比较全面,并且代码例子也很完整
clip-path
“大佬12号” :定栓
简介:
文章:《clip-path介绍》,clip-path裁剪元素有一手的,虽然可能存在兼容性问题,但是还是值得学习
渐变
“大佬13号” :安之ccy
简介:非志无以成学
文章:《前端提高篇(三十七)CSS进阶4:CSS3常用属性二(线性渐变,径向渐变,新增background值,新增border值)》,很全面,而且实际例子也有,各位学习足够啦
Flex
wuyxinu 的文章:《Flexible(flex)布局入门到彻底理解》
Grid
空城机 的文章:《页面怎么布局,当然是Grid》
JavaScript篇
有关于JavaScript的内容,在C站实在搜索太多了
接下来这里就直接推专栏啦
“大佬14号” :欧阳呀
简介:专注于前端技术探索,技术总结,沉淀等,帮助了一大批人走向前端这条路
文章:《JavaScript专栏》,专栏的分类比较细,有关于JavaScript的专栏有好多个,各位仔细学习
“大佬15号” :星期一研究室
简介:公众号:星期一研究室✍穿梭于前端开发的学习永动机,记录与分享学习干货
文章:《JavaScript专栏》,专栏内的内容跳过基础,从进阶开始
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上C C++开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新
文章:《JavaScript专栏》,专栏内的内容跳过基础,从进阶开始
[外链图片转存中…(img-XGeliP8R-1715765144853)]
[外链图片转存中…(img-M4PAWPOl-1715765144853)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上C C++开发知识点,真正体系化!
由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新