负基础能不能学前端 ?| 一名30岁初中生的编程路 - Day 00

1,589 阅读8分钟

人有三部,部有三候,以决死生,以处百病。

先定他一个小目标:找到一份前端岗位的工作

当前的主要工作

  • 学习一下掘金如何使用,开一个记录自己学习进度的专栏
  • 学习一下 markdown 语法,编写一篇掘金文章
  • 收集并整理前端的学习资料,制定学习大纲

完成情况

什么是 Web,Web 的发展史

Web 历史 – 万维网基金会

webfoundation.org/about/visio…

  • “在那个年代,不同的电脑上有不同的信息,但你必须登录不同的电脑才能获得。此外,有时您必须在每台计算机上学习不同的程序。通常在人们喝咖啡的时候去问他们更容易……”
  • 蒂姆认为他找到了解决这个问题的方法——他可以看到也可以有更广泛的应用。数以百万计的计算机已经通过快速发展的互联网连接在一起,伯纳斯-李意识到他们可以通过利用一种称为超文本的新兴技术来共享信息。

网络(Net)和万维网(Web)有什么区别?| 媒体常见问题 - Tim BL

www.w3.org/People/Bern…

  • Web 使 Net 变得更有用
  • 在 Net 上,连接是计算机之间的电缆,在 Web 上,连接是超文本链接。 Web 之所以存在,是因为 Net 上的计算机之间的通信程序,没有 Net 就不可能有 Web

A Little History of the World Wide Web

www.w3.org/History.htm…


浏览器知识

浏览器简史:带来现代浏览器的史诗级斗争

www.mozilla.org/zh-CN/firef…

  • 世界历史从不缺少史诗般的权力斗争,有征服世界的暴君,也有落败的勇士。Web 浏览器的历史也大抵如此。学术先驱们编写出引发信息革命的简易软件,并为浏览器的优势和互联网用户而战。

前端信息获取渠道

fz6m/weixin-fe: 2022 年前端圈微信公众号合集

github.com/fz6m/weixin…

Google Open Source Blog

opensource.googleblog.com/

Stack Overflow - Where Developers Learn, Share, & Build Careers

stackoverflow.com/

InfoQ - 促进软件开发及相关领域知识与创新的传播-极客邦

www.infoq.cn/

V2EX

v2ex.com/

SegmentFault 思否

segmentfault.com/

CNode:Node.js专业中文社区

cnodejs.org/.


为结构化学习路径收集资料

Web应用程序 - 维基百科

en.wikipedia.org/wiki/Web_ap…

  • 在早期的计算模型(如客户端-服务器)中,应用程序的处理负载在服务器上的代码和本地安装在每个客户端上的代码之间共享。换句话说,一个应用程序有它自己的预编译客户端程序作为它的用户界面,并且必须单独安装在每个用户的个人计算机上。升级应用程序的服务器端代码通常还需要升级安装在每个用户工作站上的客户端代码,这会增加支持成本并降低生产力。此外,应用程序的客户端和服务器组件通常都与特定的计算机体系结构紧密绑定,并且除了最大的应用程序之外,操作系统并将它们移植到其他应用程序通常都非常昂贵(如今,移动设备的本地应用程序也受到上述部分或全部问题的阻碍)。
  • 1995 年,Netscape引入了一种称为JavaScript的客户端脚本语言,允许程序员将一些动态元素添加到运行在客户端的用户界面中。因此,下载页面的嵌入式脚本可以执行各种任务,例如输入验证或显示/隐藏页面的某些部分,而不是向服务器发送数据以生成整个网页。
  • 1999 年,Java 语言在 Servlet 规范 2.2 版中引入了“Web 应用程序”概念。那时 JavaScript 和XML都已经开发出来了,但是Ajax还没有被创造出来,而且XMLHttpRequest对象最近才作为一个ActiveX对象在 Internet Explorer 5 上被引入。
  • 2005 年,Ajax 一词被创造出来,像Gmail这样的应用程序开始让它们的客户端越来越具有交互性。网页脚本能够联系服务器以存储/检索数据,而无需下载整个网页。

什么是 Web 应用程序?

www.stackpath.com/edge-academ…

  • 公司和个人之间增加的互联网使用影响了企业的运营方式。随着公司从传统模型转向基于云的网格模型,这导致了 Web 应用程序的广泛采用。Web 应用程序使企业能够简化其运营、提高效率和降低成本。
  • 这些在线应用程序(例如电子邮件客户端、文字处理器、电子表格和其他程序)提供与桌面版本相同的功能。但是,它们还有一个额外的优势,那就是跨多个平台工作,覆盖范围更广,并且可以从任何地方轻松访问。

典型的 Web 应用程序流程如下所示:

  1. 用户通过Web浏览器或应用程序的用户界面触发对Web服务器的请求
  2. Web服务器将此请求转发到相应的Web 应用程序服务器
  3. Web 应用服务器执行请求的任务——例如查询数据库或处理数据——然后生成请求数据的结果
  4. Web 应用程序服务器将结果与请求的信息或处理的数据一起发送到Web 服务器
  5. Web 服务器将请求的信息返回给客户端,然后出现在用户的显示器上

Web 应用程序示例

  • Web 应用程序包括在线表格、购物车、文字处理器、电子表格、视频和照片编辑、文件转换、文件扫描和电子邮件程序,例如 Gmail、Yahoo 和 AOL。流行的应用程序包括Google App和Microsoft 365。
  • Google Apps for Work 具有 Gmail、Google 文档、Google 表格、Google 幻灯片、在线存储等。其他功能包括在线共享文档和日历。这允许所有团队成员同时访问同一版本的文档。

Web 应用程序的好处

  • 只要浏览器兼容,Web 应用程序就可以在多个平台上运行,无论操作系统或设备如何
  • 所有用户访问相同版本,消除任何兼容性问题
  • 它们没有安装在硬盘上,因此消除了空间限制
  • 它们减少了基于订阅的 Web 应用程序(即 SaaS)中的软件盗版
  • 它们降低了业务和最终用户的成本,因为业务所需的支持和维护更少,对最终用户计算机的要求也更低

学习前端 Web 开发的最佳方式

www.freecodecamp.org/news/learn-…

  • 永远记住关于技术的两件事,尤其是关于 Web 的事情:

    1. 您的技术堆栈几乎总是无关紧要。如果您的语言/框架足够好,那么您每次都会获胜。
    2. 你永远不需要什么都学。绝不。你可以成为多面手,但要确保你是一个高手。
  • 当人们开始使用 JavaScript 时,会有一种冲动,那就是选择像 React 这样的库,像 Material UI 这样的 UI 系统,并潜心构建很棒的东西。不幸的是,这只会导致自己在脚下开枪。如果您不了解 JavaScript 的基础知识,就永远无法使用这些框架创建中级到高级项目。并且应用 JavaScript 需要一些时间。

  • 选择 HTML/CSS/JavaScript 之类的小型技术堆栈,并适度深入了解这三个方面。

  • 当您精通 HTML/CSS/JavaScript 时,就该转向行业标准了。


2022 年的 Web 应用程序开发:您需要知道的一切 - 三重奏

www.trio.dev/blog/web-ap…

  • Web 应用程序开发是 Web 开发的一个特殊子集,它与您对网站或移动应用程序的期望不太一致。
  • Web应用程序的优点和缺点
  • 3 种类型的 Web 应用程序
  • Web 应用程序框架和其他技术
  • 开发 Web 应用程序的 7 个步骤

web应用程序(web application)和网站(website)的区别 - tl80互动问答网

webcache.googleusercontent.com/search?q=ca…

  • web应用程序可以是网站的一部分,也可以是独立的应用程序。

在传统 Web 应用和单页应用之间选择 | Microsoft Docs

docs.microsoft.com/zh-cn/dotne…

  • “Atwood 定律:任何能够用 JavaScript 编写的应用程序,最终必将用 JavaScript 编写。”- Jeff Atwood

额外收获

  • 在掘金的推送中收到了字节跳动字学镜像计划和阿里巴巴终端练习生的链接,让外甥帮忙认证了一下,打算跟外甥组个 Team 一起学习一下

阿里巴巴 - 终端练习生

www.orange-class.com/cooperation…

字学镜像计划报名文档

bytedance.feishu.cn/docx/doxcnG…


对自己想问的问题

Q1: 打算如何学习前端

  • 以前端为主,如果需要后端的知识也要学习一下,如果需要其他各个岗位的知识也要了解一下。反正我是负基础,基础技能阶段缺啥就学啥。

Q2: 打算学多久?

  • 时间不定,以找到第一份工作为第一个目标。不要给自己太大压力,反正是负基础,可以一边躺平一边学,反正你一个初中生学不会也没人笑话你啥。