该如何学习前端技术

SemiraChen 2019-03-20 09:21:18

本人安卓狗,最近想学习前端。做过小程序和React Native。搞小程序的时候,虽然我已经看了W3C里面CSS的教程,觉得CSS可难弄了,布局都不会按我想象得来,有点难受。我知道前端技术纷杂,框架有vue啊,angular啊,react 啊,node啊。基础的我看了点基础的教程,基础的有HTML、CSS、JS。Jquery就不必看了把。

总得来说就是看了基础的教程。但是CSS布局还是搞不定。

我想问各位大佬的是该怎么学习前端技术呢。很迷茫。
我之前学习Android的时候是看《第一行代码》入门的。前端的是否也有类似的书籍
不知道怎么去学习前端,略为迷茫。希望同学们能为我指明一条路,谢谢。


...全文
370 6 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
槿畔 2019-03-22
  • 打赏
  • 举报
回复
引用 5 楼 SemiraChen 的回复:
[quote=引用 3 楼 槿畔 的回复:] 这个其实并不难的,我本身是做前端的。你第一步要从html看起,先弄明白标签那些是块级元素,哪些是内联元素(块级的会独立占据一行,比如div,p,ul,ol,等等。内联的会依次展示,如em,time,span,i,strong,b等等),这些弄会了再去看下类似header,footer,section,nav等等的新增标签,html标签弄得差不多了,去学习css,结合dom元素,设置id名,class名,弄明白css执行顺序以及优先级之后在继续学习,如设置颜色color,设置背景background,设置宽度width,设置高度height,行间距line-height,透明度opacity,位置text-align,字体大小font-size,浮动float和定位position,display实现块级元素和内联元素的互转,最最后再学习一下flex布局,和进阶的css3动画。(注:没有什么位置是浮动float和position解决不了的布局。)希望能帮助到你
谢谢你的细心总结。 [/quote]不客气,结贴吧
SemiraChen 2019-03-22
  • 打赏
  • 举报
回复
引用 3 楼 槿畔 的回复:
这个其实并不难的,我本身是做前端的。你第一步要从html看起,先弄明白标签那些是块级元素,哪些是内联元素(块级的会独立占据一行,比如div,p,ul,ol,等等。内联的会依次展示,如em,time,span,i,strong,b等等),这些弄会了再去看下类似header,footer,section,nav等等的新增标签,html标签弄得差不多了,去学习css,结合dom元素,设置id名,class名,弄明白css执行顺序以及优先级之后在继续学习,如设置颜色color,设置背景background,设置宽度width,设置高度height,行间距line-height,透明度opacity,位置text-align,字体大小font-size,浮动float和定位position,display实现块级元素和内联元素的互转,最最后再学习一下flex布局,和进阶的css3动画。(注:没有什么位置是浮动float和position解决不了的布局。)希望能帮助到你
谢谢你的细心总结。
槿畔 2019-03-20
  • 打赏
  • 举报
回复
然后你再去学习怎么用js去控制dom元素,像vue,react这些框架你可以放到最后再看,js会了,框架根据官网进行学习很快的,前面的都是基础,本身框架就是为了更加方便开发,方便管理。
槿畔 2019-03-20
  • 打赏
  • 举报
回复
这个其实并不难的,我本身是做前端的。你第一步要从html看起,先弄明白标签那些是块级元素,哪些是内联元素(块级的会独立占据一行,比如div,p,ul,ol,等等。内联的会依次展示,如em,time,span,i,strong,b等等),这些弄会了再去看下类似header,footer,section,nav等等的新增标签,html标签弄得差不多了,去学习css,结合dom元素,设置id名,class名,弄明白css执行顺序以及优先级之后在继续学习,如设置颜色color,设置背景background,设置宽度width,设置高度height,行间距line-height,透明度opacity,位置text-align,字体大小font-size,浮动float和定位position,display实现块级元素和内联元素的互转,最最后再学习一下flex布局,和进阶的css3动画。(注:没有什么位置是浮动float和position解决不了的布局。)希望能帮助到你
SemiraChen 2019-03-20
  • 打赏
  • 举报
回复
坐等被童鞋们翻牌
SemiraChen 2019-03-20
  • 打赏
  • 举报
回复

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧