前端入门,前端小白必看的学习路线,超实用

       作为一个过来人,还是有资格说一说的哈。我的见解,不代表所有人哈。前端刚刚入门的可以看看,希望对你有帮助。CSS 教程 | 菜鸟教程HTML 基础 | 菜鸟教程

       每一个人都是从最基础的开始,往上渐渐的变难,所以对于刚开始的人来说,必须要打好基础,一步一步来,不要想着几天就能学好哈,css的乐趣,你不深入研究是不懂滴。

      首先学习html,css,一开始就把基础打好,因为往后写的每一个页面,都是会用到html和css的,别以为这俩很简单,虽然只有标签和属性,但使用的地方和属性值不同,且css,要学会有大局观,整体布局,不然写到后面,有些样式你就不知道咋修改了,我觉得这个在b站上看视屏就可以自学,这个没必要买书啥的,刚开始可以做做笔记,毕竟标签属性还是挺多了,到了后面,这些东西就跟母语一样熟练了。

    然后学习前端最基本的语言———JavaScript,简称js,这个是作为一个前端人,必须要会的,并且要熟练,这个学不好,后面学框架会很艰难。所以如果学不好js这边建议可以考虑是否要入前端的门哦,顺便把Es6的文档看看1.1 ES6 教程 | 菜鸟教程就只是看看哈,学一门语言,最好还是要系统的学习,报班,看视屏啥的,B站挺多了,记住要搜一些新手入门级别的教程,不然学不懂。

      学了js后,可以考虑看看jquery,它是一个 JavaScript 库。这个学起来也不难哈,反正我觉着至少比js好学些,大概了解一些语法也就可以。

    然后就可以选择一门框架开始学习,这才是前端正式的开始了,我觉得可以优先选择Vue,不过React,也可以,不过我推荐Vue,官网放这啦Vue.js 介绍 — Vue.js 中文文档

    我当时先学了Bootstrap,然后才开始学习Vue的,这个也不难,就是需要花些时间,看看官网,可以直接拿几个页面上机来学习,直接实践学习,我觉得会比较好些。因为Bootstrap主要就是页面布局的。

       然后上框架,刚开始先把vue的一些基本语法学习了,刚开始学,可以和学js一样,拿单页面来写,引入外部vue的包,布局用bootstrap,这样都能练习到。

       这里还有一点就是,这个版本问题,到底是学习vue2呢?还是vue3?我觉着,这个看个人啦,我分析一下,emm....前端这个东西,是不断更新的,就算现在不学,以后还是要学的,不然你就得被淘汰。学的东西很多,但是万变不离其宗,但最终目的是为了找工作的话,但是现在很多公司也还有用vue2的,它比较成熟了。但也有少部分在用vue3,所以说,长远考虑学vue3,但是vue2都学了,vue3还能学不会吗?哈哈哈哈

       vuecli。

    webpack这个肯定要了解一下的,打包工具。

在这之后还要学习一下微信小程序,现在做这个很多。最好都学,微信开发者工具有个color-ui组件,可以学习一下,但小程序得基本语法还是要先学会,在用这些组件,你就会感觉简单。建议最后在学习uniapp,我觉着,这个现在很吃香,多端开发嘛,这个就是在一定的基础上再开始学的哈,多端开发,不简单的,我学的时候,整天骂人,暴躁很。多看官网,也就没啥了,要锻炼自己看文档的能力,这点很重要!是我太菜了哈哈哈哈。

  一定要了解的:  git.开发协同工具。

                             postman调试工具。

                             组件vant ,element ui,css,预处理器less,

   这只是一个初步的规划,因为前端学习的东西有很多很多的。但是还是要一步一步来。俗话说基础不牢,地动山摇,后面我会争对我总结的这篇文章,来给大家讲解,个详细的,详细到每一个点,及一些我自己的一些经验总结。

最后推荐大家用VScode这个编译器哈,我觉着挺不错的。HBuilderx也可以哈。

        

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
你好!要入门前端WebSocket,你需要了解以下几个方面: 1. WebSocket 是什么? WebSocket 是一种在客户端和服务器之间进行实时双向通信的协议。它与传统的 HTTP 请求不同,能够实现服务器向客户端推送数据,而不需要客户端发送请求。 2. 如何使用 WebSocket? 在前端,你可以使用 JavaScript 中提供的 WebSocket API 来建立 WebSocket 连接。通过创建一个 WebSocket 对象,指定连接的 URL,你可以连接到服务器并进行通信。 3. 建立 WebSocket 连接: 使用 JavaScript 的 `new WebSocket(url)` 方法可以创建一个 WebSocket 对象。`url` 参数是指定服务器的地址。例如,`ws://example.com/socket`。 4. WebSocket API: WebSocket 对象提供了一些常用的方法和事件,用于控制连接和处理数据。常见的方法包括:`send()` 用于向服务器发送数据,`close()` 用于关闭连接。常见的事件包括:`onopen` 连接建立时触发,`onmessage` 接收到消息时触发,`onclose` 连接关闭时触发等。 5. 服务器端处理: WebSocket 是一种双向通信协议,它需要在服务器端进行相应的处理。服务器端可以使用不同的编程语言来实现 WebSocket 的功能,如 Node.js 的 `ws` 模块或其他编程语言的相应库。 如果你是前端 WebSocket 的初学者,我建议你先了解 WebSocket 的基本概念和使用方法,然后通过实践来深入学习并体验其功能。你可以找一些示例代码来尝试建立连接、发送消息和接收消息等操作。希望对你有所帮助!如果你有更多问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值