位置: IT常识 - 正文

自学Web前端开发学习讲解 – 入门篇(新手学web前端开发)

编辑:rootadmin
自学Web前端开发学习讲解 – 入门篇

推荐整理分享自学Web前端开发学习讲解 – 入门篇(新手学web前端开发),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:自学web前端开发多久,自学web前端开发课程,自学web前端开发看什么书,自学web前端开发看什么书,自学web前端开发看什么书,自学web前端开发看什么书,自学web前端开发多久,自学web前端开发看什么书,内容如对您有帮助,希望把文章链接给更多的朋友!

很多人都对web前端感兴趣,这一期主要聊关于如何入门学习Web前端开发的过程分享,此篇适合想入门初学者,大佬就不用看了。主要内容是以本人这一路自学web前端的一些经验和建议,学习哪些知识,以及如何正确的去学,自学过程虽然难,但是终归不负众望。下面记录和分享一下:

一,什么Web前端开发 ?

首先我们先了解一下大家都在说的Web前端开发到底是个什么东西 ?想从事一个行业,那你起码得知道它是什么,主要用到什么技能,这样我们才能更好的去学习掌握知识技能以满足开发工作的要求。下面回答来自搜狗百科:

前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML、CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。 前端开发从网页制作演变而来,随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。

所以说到底,用到的就是老生常谈的前端三剑客了,html,css,js这三个网页基础技术,一个再好看功能再强的网页,也是由这三剑客编写而成。

二,前端三剑客分析:

Web前端入门需要的掌握技能已经说了,那么html,css,js到底是什么,又是怎么形成一个我们平常好看又非常炫酷的网页呢?下面对这三个的作用详细讲解一下,

html:网页基础结构支架

俗解:你可以把它理解为一个人没穿衣服的身体躯干,头部,身体(又包含了肚子,四肢,脚),同时也就对应了html的基本结构,head,body部分。

css:网页修饰美化美观

俗解:你可以把它理解为一个人的身体穿着很漂亮的衣服,戴着各种手势等,这样人看起来就非常的好看了,同样想网页变得好看,我们通过编写一些css,就可以实现好看炫酷的网页了。

js:网页动态交互行为

俗解:你可以把它理解一个人不可能是一直站着,坐着的,是需要用脚走路,动手吃饭,运动吧,而这些动的概念,你就可以大概理解js在网页中的作用就是用户动态交互功能的体现了。

网页基本模板:<!DOCTYPE html><html lang="zh"><head> <!-- 网页头部 --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>页面标题</title></head><body> <!-- 网站主体 也是网页所有代码编写位置 --></body></html>三,如何正确去学?(重点)自学Web前端开发学习讲解 – 入门篇(新手学web前端开发)

预计学习具体时间还是看个人学习能力,并不是唯一的。基础学习的顺序也是按照下方步骤来。

1,学习html(1-6天)推荐看一些基础的教程:w3cschool,不推荐视频教程(因为视频教程讲的太多了,很多东西对于入门做东西用不上)看了没多久也忘记了。只看我这张图上提到的部分(图上的大纲都是按照w3cschool的教程写的),要看到什么程度呢?大致有印象,知道这个标签是干啥的就行了

简单介绍图:

2,学习css(1-4天)教程:推荐w3cschool,不推荐视频教程只学我这张思维导图提到的部分,学到什么程度呢?有个大致印象,能对下面那些问题做出自己的理解就好了

简单介绍图

3,学习js(2周-4周)

js这一块是相对难一点的,也比较枯燥的一部分了,这大概是开始劝退的一个阶段了,因为开始复杂起来了呀~~很多人都在这溜了,因此重点就需要放在这一块了,慢慢啃吧。js学了大部分后,这时候也可以同时结合前面html+css联系,做一些综合小demo项目了

简单介绍图

4,案例推荐

这个是我前期学习网上接单仿做的一个站酷网的一个界面效果,很适合拿来作为检验和练习的小案例,不止有首页,导航栏所有都是可以点击的,有对应页面显示。你也可以去搜站酷网就可以找到更多页面。然后自己仿写,如果有需要这个案例demo源码的,

可以私信评论找我领取。

四,开发工具

古人云:工欲善其事必先利其器,学任何一门技术,都是需要有一个好的工具支持,更加有利于学习和开发工作,目前前端常用的工具有,HBuildX(戳我下载),Dreamweaver,vscode (戳我下载),edipus等,当然工具也不止这些还有其他的,了解几款常用即可。

推荐刚入的新手HBuildX,Dreamweaver进行学习。同时也是中文版不用单独进行汉化处理,熟练之后就可以使用强大的vscode编辑器开发了。

五,关于自学

题外话:依稀记得刚毕业那会到处说什么培训多好,实际因人而异,这个就不做过多评价,反正坚持走自己的路,不要听风是雨,学习贵在坚持!!!如果你也还在读书,那么大学快毕业就是需要做选择的时候了。

我本人是自学过来的,自学之路确实容易走一些弯路,但是这会让你会记忆很深刻。因此我也是推荐学习前端还是靠自学吧,而自学最重要的其实是驱动力

学习任何一门技术,关于自学这一件事情都是相对不容易的,如果没有持续的驱动力,兴趣都会慢慢减弱的。刚好前端这个体系又很庞大,就很容易出现这种局面:(来自知乎一段对话)

看html,哎呦,挺简单呀,每天看一点,我很有进步啊(兴趣很高,一段时间过去了看css,好像难了一点,不过我好像抗的住(兴趣减弱了,又一段时间过去了看js,emmmmm(兴趣已经不足以让我学习了,摊手看框架,mmp,好累啊,凉透了(放弃治疗再见,我不适合编程……

所以学以致用是关键,通过现阶所学的段学的一些用法和知识点,慢慢的结合之前学的一起做小demo案例,不至于兴趣磨灭的太严重,然后用项目驱动自己消化知识,用做完项目的成就感来加强自己的兴趣,入门之后再巩固基础,这样大概就能迈进前端的门槛了

本文链接地址:https://www.jiuchutong.com/zhishi/300489.html 转载请保留说明!

上一篇:最全面的SpringBoot教程(三)——SpringBoot Web开发(最全面的心脏检查怎么做)

下一篇:30岁了,说几句大实话(30多岁应该怎么说)

  • enscape灯光怎么打(enscape灯光怎么不产生反射)

    enscape灯光怎么打(enscape灯光怎么不产生反射)

  • 苹果手机该如何升级内存(苹果手机该如何通过电脑把电话号码)

    苹果手机该如何升级内存(苹果手机该如何通过电脑把电话号码)

  • 荣耀手环5微信视频聊天没有提示为什么(荣耀手环5微信步数能自动同步吗)

    荣耀手环5微信视频聊天没有提示为什么(荣耀手环5微信步数能自动同步吗)

  • funplus是什么(funplus是什么公司)

    funplus是什么(funplus是什么公司)

  • ios快捷指令安全性设置不允许(iphone快捷指令安全性设置无法打开)

    ios快捷指令安全性设置不允许(iphone快捷指令安全性设置无法打开)

  • 腾讯视频有些电影不能投屏(腾讯视频有些电影不能一起看)

    腾讯视频有些电影不能投屏(腾讯视频有些电影不能一起看)

  • 拼多多在哪看直播(拼多多怎么看直播?)

    拼多多在哪看直播(拼多多怎么看直播?)

  • 华为平板耳机孔在哪里(华为平板耳机孔摔变形)

    华为平板耳机孔在哪里(华为平板耳机孔摔变形)

  • 怎么恢复一年的通话记录(怎么恢复一年的通讯)

    怎么恢复一年的通话记录(怎么恢复一年的通讯)

  • 魅族m813q是什么型号(魅族m871q是什么手机)

    魅族m813q是什么型号(魅族m871q是什么手机)

  • vivox27充电慢怎么办(vivox21充电慢)

    vivox27充电慢怎么办(vivox21充电慢)

  • 充电宝输入5v2a是什么意思(充电宝输入5v2a可以用5v,3a的充电器吗)

    充电宝输入5v2a是什么意思(充电宝输入5v2a可以用5v,3a的充电器吗)

  • 华为mate30有没有双系统(华为mate30有没有nfc功能)

    华为mate30有没有双系统(华为mate30有没有nfc功能)

  • xs和x的屏幕总成通用吗(xs和x的屏幕总成一样吗)

    xs和x的屏幕总成通用吗(xs和x的屏幕总成一样吗)

  • 唤醒siri的几种方式(唤醒siri时怎么让它换一种方式回应)

    唤醒siri的几种方式(唤醒siri时怎么让它换一种方式回应)

  • 屏幕原彩什么意思(屏幕显示原彩是原屏吗)

    屏幕原彩什么意思(屏幕显示原彩是原屏吗)

  • word所有数字统一字体(word所有数字统一突显字体)

    word所有数字统一字体(word所有数字统一突显字体)

  • 在快手上买的东西怎么查订单(在快手买的东西)

    在快手上买的东西怎么查订单(在快手买的东西)

  • 苹果11pro max第一次充电需要注意什么(苹果11pro max第一批和第二批)

    苹果11pro max第一次充电需要注意什么(苹果11pro max第一批和第二批)

  • 手机版本过低安装不了微信怎么办(手机版本过低安装不了抖音)

    手机版本过低安装不了微信怎么办(手机版本过低安装不了抖音)

  • 乐视手机2忘记解锁密码怎么办(乐视手机2忘记密码怎么解锁)

    乐视手机2忘记解锁密码怎么办(乐视手机2忘记密码怎么解锁)

  • 知道手机号码怎么查抖音(知道手机号码怎么查对方名字)

    知道手机号码怎么查抖音(知道手机号码怎么查对方名字)

  • 电池beta是什么意思(电池batterylevel)

    电池beta是什么意思(电池batterylevel)

  • 加密文件怎么解密(加密文件怎么解密如何解除)

    加密文件怎么解密(加密文件怎么解密如何解除)

  • 小米手环怎么设置睡眠(小米手环怎么设置锁屏密码)

    小米手环怎么设置睡眠(小米手环怎么设置锁屏密码)

  • 华米科技和小米什么关系(华米科技和小米手环)

    华米科技和小米什么关系(华米科技和小米手环)

  • Linux系统中有效用户组和初始用户组有什么作用于区别?(在linux系统中拥有)

    Linux系统中有效用户组和初始用户组有什么作用于区别?(在linux系统中拥有)

  • 前端实现 微信扫码登录网站 pc端(二维码嵌套页面) 超详细,包会(前端实现微信联系人二维码)

    前端实现 微信扫码登录网站 pc端(二维码嵌套页面) 超详细,包会(前端实现微信联系人二维码)

  • 税收滞纳金还会计算滞纳金吗
  • 增值税小规模纳税人
  • 利润分配转作股本股利
  • 交易性金融资产有哪些
  • 小规模纳税人零申报要报哪些税
  • 分公司独立核算还需要总公司汇总缴纳吗
  • 所得税季报利润表怎么填
  • 分公司注销后账户不注销可以吗
  • 核定征收企业股权转让所得税
  • 个体户不足征是否要交房产税
  • 2021年增值税专用发票红冲发票步骤
  • 清洗汽车的目的
  • 政府会计制度固定资产折旧哪个月开始计提
  • 认缴出资股权转让的法律责任
  • 固定资产处理怎么记账
  • 物业费收入的增值税税率是多少
  • 如何看发票是否被抵扣
  • 征缴工会筹备金的规定
  • 税前可以扣除的管理费用计算公式
  • 开户许可证怎么下载电子版
  • 股权转让未分配利润如何账务处理
  • 合同到期退房子,租金退吗
  • 公司租赁办公场地用缴纳房产税吗
  • 增值税申报错误已经扣税怎么处理
  • 开立银行承兑汇票清单怎么盖章
  • 企业增值税如何退税
  • 一般纳税人附加税费减免政策
  • win10怎么打开移动中心
  • 马尔堡酒庄
  • php image
  • 免税需要什么条件
  • 绿化管理服务经营范围
  • mediapipe objectron
  • 手把手带你做一件事
  • 无形资产商标权摊销
  • 税管员管多少企业
  • 没有发票能办临时牌照吗
  • 建筑施工企业增值税税率调整时间
  • 织梦专题页模板
  • 不发工资可以先报警吗
  • 财务报表怎么重新编制
  • 发票遗失要如何补办
  • microsoft SQL server 2008有什么用
  • 客户货款打到私人微信,删除公司电脑数据
  • 现金流量表和其他报表的勾稽关系
  • 扣除未结话费是什么意思
  • 如果不签合同会怎么样
  • 充卡送礼品送些什么好
  • 房屋租赁合同印花税计税依据
  • 发票金额与付款金额不一致情况说明
  • 企业网银年服务费怎么做账
  • 增值税附加税减半政策
  • 收到公益性捐赠计入什么科目
  • 公司垫付员工社保分录
  • 原材料暂估入库成本结转处理
  • 利息收入的正确分录凭证怎么写
  • 会计账簿的作用主要包括
  • 银行承兑汇票托收凭证
  • 商业企业所有者的权益
  • 存货核算的含义
  • sql server如何修改表名
  • 磁盘碎片 win7
  • windows server 2008 r2有哪些特点
  • ubuntu服务
  • freebsd软件包存储库
  • 硬盘 bios
  • 注册表的命令
  • hotkey在哪
  • win10系统命令大全
  • LINUX下的磁盘编辑工具
  • Win10预览版桌面图标和任务栏不翼而飞怎么办?
  • opengl纹理叠加
  • jquery ztree api
  • linux shell条件判断语句
  • json jquery
  • node.js中express-session配置项详解
  • jquery设置边框
  • python字符串连接join
  • Javascript字符串长度
  • 湖南省税务局网站2024公务员招聘
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设