前端学习路线(简洁清晰,直击学习途径)

这篇具有很好参考价值的文章主要介绍了前端学习路线(简洁清晰,直击学习途径)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

 目录

第一阶段:前端入门

  1.Html5

  2.Css3

第二阶段:JavaScript

  ①JavaScript 基础语法

  ②JavaScript 高级(WebAPI/Dom Bom)

  ③JavaScript 框架(jQuery)

  ④数据可视化(echarts)

第三阶段 服务端编程

1.node js基础

2.ajax

3.promise

4.axios

5.了解学习es6语法,http协议规则

6. TypeScript

第四阶段 Vue.js

①框架:Vue.Js【vue2,vue3】

②学会使用UI组件库(网站快速成型工具)

③vue项目实战

第五阶段 微信小程序

第六阶段 React.js 基础

适用于前端快速入门,简洁清晰,直击学习视频,无过多对各部分的介绍。

 第一阶段:前端入门

  1.Html5

  2.Css3

   结:跟着视频写个h5+css3的静态项目

   推荐视频学习链接:

  黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili

第二阶段:JavaScript

   ①JavaScript 基础语法

   ②JavaScript 高级(WebAPI/Dom Bom)

   ③JavaScript 框架(jQuery)

   ④数据可视化(echarts)

    结:跟着视频写个h5+css3+javascript的动态项目,写个echarts数据可视化项目

    推荐视频学习链接:

    JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程(500多集)持续_哔哩哔哩_bilibili

第三阶段 服务端编程

[用于衔接JavaScript与vue.js]

   1.node js基础

     推荐视频学习链接:

     黑马程序员Node.js全套入门教程,nodejs新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解_哔哩哔哩_bilibili

   2.ajax

       推荐视频学习链接:

      【尚硅谷】3小时Ajax入门到精通_哔哩哔哩_bilibili

   3.promise

       推荐视频学习链接:

      尚硅谷Web前端Promise教程从入门到精通_哔哩哔哩_bilibili

   4.axios

    【axios是通过promise将ajax技术二次封装】(与后端交互获取后端的数据)

     推荐视频学习链接:

     尚硅谷Web前端axios入门与源码解析_哔哩哔哩_bilibili

   5.了解学习es6语法,http协议规则

      推荐视频学习链接:

      尚硅谷Web前端ES6教程,涵盖ES6-ES11_哔哩哔哩_bilibili

    【该部分不需花费过多时间,可以通过看相关文档来进行了解学习,无需视频学习】

  6. TypeScript

     推荐视频学习链接:

     尚硅谷TypeScript教程(李立超老师TS新课)_哔哩哔哩_bilibili

第四阶段 Vue.js

框架:Vue.Js【vue2,vue3】

   推荐视频学习链接:

   尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili

   2023新版Vue2+Vue3基础入门到实战项目全套教程,自学前端vue就选黑马程序员,一套全通关!_哔哩哔哩_bilibili

学会使用UI组件库(网站快速成型工具)

   Element ui(pc端)Element - The world's most popular Vue UI framework

   vant ui(mobile端)Vant 4 - A lightweight, customizable Vue UI library for mobile web apps.

③vue项目实战

    以下是推荐实战视频链接:

  【该推荐为商城类型项目实战,也是应用最广泛的类型,除此之外,还有电影订票,旅行等类型 项目】

    尚硅谷VUE项目实战,前端项目-尚品汇(大型\重磅)_哔哩哔哩_bilibili

第五阶段 微信小程序

    推荐视频学习链接:

    黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)_哔哩哔哩_bilibili

第六阶段 React.js 基础

  【React:用于构建用户界面的JavaScript库

    推荐视频学习链接:

    尚硅谷React教程(2022加更,B站超火react教程)_哔哩哔哩_bilibili

文章来源地址https://www.toymoban.com/news/detail-439925.html

到了这里,关于前端学习路线(简洁清晰,直击学习途径)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 2023版完整版web前端学习路线图(超详细自学路线)

    跟着路线图认真坚持学习从前端小白到大神不是梦,0基础看这一篇足矣! 学们记得加关注点赞收藏,自学路上不迷糊! 零基础小白自学前端路线图速览: 阶段一:核心基础入门 前端计算机常识 ➾ html+css基础 ➾ html+css 项目实践 阶段二:核心技术进阶 JavaScript基础+进阶 ➾

    2023年04月09日
    浏览(94)
  • 前端学习路线图和一些经验

    关于前端目前个人建议的一个路线,也是自己之前前端学习时候的一个大致路线,给想要学习前端的小白一个参考, 以前自己刚开始接触前端的时候就是不知道该按照什么路线学习 eg-前端是做什么的? 就是开发网站,移动端,小程序之类的页面  调调接口完成页面的渲染 个人比

    2024年01月19日
    浏览(52)
  • 前端安全——最新,网络安全学习路线

    人生的精彩就在于你永远不知道惊喜和意外谁先来,又是一个平平无奇的早晨,我收到了一份意外的惊喜——前端某项目出现lodash依赖原型污染漏洞。咋一听,很新奇。再仔细一看,呕吼,更加好奇了~然后就是了解和修补漏洞之旅。 最后的最后,却发现其实这个漏洞修复起

    2024年04月10日
    浏览(47)
  • 【前端学习路线】你一定需要掌握的热门前端技术栈

    这份学习路线并不完美,也不会有最终形态,正如前端不可预见、永无止境的未来。 转自鱼皮 💂 + 💻 = 👴🏽 建议先观看视频导读:https://www.bilibili.com/video/BV1nh411e7oG/ 前言 - 学编程需要的特质 前端学习七阶段 前端入门 巩固基础 前端工程化 前端优化 前端生态 前端求职 前

    2024年02月12日
    浏览(49)
  • 前端学习路线指南:从入门到精通【①】

    作为一个前端开发者,学习前端技术是必不可少的。然而,由于前端领域的广阔和不断演进的技术栈,对于初学者来说可能会感到困惑。本篇文章将为你提供一个清晰的前端学习路线,帮助你系统地掌握前端开发技能,并成为一名优秀的前端工程师。 HTML和CSS基础 在开始前端

    2024年02月08日
    浏览(52)
  • java web(后端+前端) 学习路线记录---1.Java(更新中)

    资源:狂神说 1.注释、标识符、 (1) 建立空项目来建立java项目: (2) 单行注释://注释 (3) 多行注释:/* Djandjan / (4) 文档注释: / * */ 2标识符(类名,变量名,方法名) (5) (6) 标识符注意点: 2.数据类型 (1) 要求变量严格符合规范,所有变量先

    2024年02月20日
    浏览(42)
  • 【WEB前端进阶之路】 HTML 全路线学习知识点梳理(中)

    本文是HTML零基础学习系列的第二篇文章,点此阅读 上一篇文章。 标题是通过 h1 - h6 标签进行定义的。 h1 定义最大的标题。 h6 定义最小的标题。浏览器会自动地在标题的前后添加空行,例如: 标题用来正确的显示文章结构 ,通过不同的标题可以为文章建立索引,所以,标题

    2024年02月02日
    浏览(47)
  • 了解和学习OpenAI的方法和途径

    学习和了解 OpenAI 的资料可以从多个渠道获取,这些渠道涵盖了各种形式的学习资源。以下是一些推荐的学习资料: OpenAI 官方网站: OpenAI 的官方网站是获取关于该组织最权威和最新信息的地方。你可以在那里找到他们的研究成果、项目介绍、博客文章和新闻公告等。 Resea

    2024年02月20日
    浏览(29)
  • 「前端代码简洁之路」后台系统之详情页设计

    我就是被迷的那双眼。有时候需求来了,用熟悉的套路进行开发,确实很节省时间也能保证功能的稳定,但是这些开发的惯性无形中阻碍了我对技术的探索。 我一直想改造详情页,解放重复功能开发的劳动力,但是详情页一眼望都是内容平铺,好像并没有什么可做的代码设计

    2024年02月06日
    浏览(60)
  • 前端vue经典面试题78道(重点详细简洁)

    目录 1.自我介绍 2.vue面试题 1.v-show和v-if区别的区别: 2.为何v-for要用key 3.描述vue组件声明周期mm 单组件声明周期图 ​父子组件生命周期图 4.vue组件如何通信 5.描述组件渲染和更新的过程 1、vue 组件初次渲染过程 2、vue 组件更新过程 6.双向数据绑定v-model的实现原理 7.对mvvm的理

    2024年02月01日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包