2023 年的 web 前端,该如何学起?

查看 465|回复 8
作者:xption   
最近想系统化的学习一下 web 前端开发
知识背景
  • JavaScript 有点儿基础
  • html 略有基础
  • div 不够熟练,css 不够熟练 (古早年代用 table 多)
  • 没有接触过 H5
  • 没有接触过各种框架
  • 没有接触过各种打包工具( node.js 那些)

    学习目标
  • 使用 html 、css 搭建常规网站
  • 使用 Vue
  • 熟练使用 node.js 构建工具

    求助
  • 给小弟介绍下学习路线
  • 推荐几本书

    熟练, CSS, Node, HTML

  • root71370   
    学个 der
    zebraooooo   
    https://vue3.chengpeiquan.com/ 了解一些特定词汇有些帮助的
    variousdidt   
    1. 对着一些网站模仿,用原生 html ,css ,js 写一遍这个网站首页,有简单的交互,能发请求展示数据。如站酷 https://www.zcool.com.cn/home#tab_anchor ;
    2. 对着 vue 3/React 官方网站啃一遍;
    以上是速成的方式,如果是想要系统化的学习,先做多练练第一步,拿一本犀牛书放边上 https://kingyinliang.github.io/PDF/JavaScript%E6%9D%83%E5%A8%81%E6%8C%87%E5%8D%97%EF%BC%88%E7%AC%AC6%E7%89%88%EF%BC%89.pdf ,多翻翻,js 能搞定。至于 html 和 css ,办法不多,只能多模仿着写,手写轮播图,tab 切换,级联菜单,手风琴... 不会的看菜鸟教程对应的解释。最后再做上面的第二步。
    LavaC   
    https://www.freecodecamp.org/chinese/learn/
    solobat   
    学 react ,vue 纯属误人子弟
    7inFen   
    建议先快速过一遍 javascript 高级程序设计,再入手 React/Vue
    9956   
    可以跟着巨硬教程来,https://github.com/microsoft/Web-Dev-For-Beginners
    suzhenyu   
    目前我也在自学前端。
    第一步,先过了一遍 https://www.freecodecamp.org/chinese/learn/ 里的『响应式网页设计认证』,基本上 HTML 、CSS 常用的东西就了解了。之所以用 freecodecamp ,是因为可以边学边练。
    第二步,了解 JavaScript 基础。可以继续用 freecodecamp ,或者其他的也行。
    第三步,选一个常用的流行的前端框架,推荐 React 或 Vue 。我目前在看 React 的官方文档,写得很棒。
    至于之后的步骤,我也没做到呢。推荐一个网站 https://roadmap.sh/frontend ,给出了前端学习的路线图。
    您需要登录后才可以回帖 登录 | 立即注册

    返回顶部