浅谈初中级前端学习方法~

大家好,我是若川。 

常有小伙伴问我如何学习前端开发。今天就简单谈下学习方法,方法可能主要适用于初中级前端。

回想我们高中学习,是不是都是"以课本为主,其他资料为辅"。而且课堂上记笔记,然后通过大量练习,才学会了某项知识点。(虽然高中课本大多数过于简单)。

回到我们技术层面,也应该以“官网资料为主、其他资料为辅”。围绕工作学习,比较容易学练结合,投入产出比会比较高。比如:公司项目中一些不熟悉的技术(如ts、webpack)可以多问同事,自己要学哪些才能掌握这些不熟悉的技术。再比如:使用的技术栈的官方文档或者官方仓库中的github上的例子(examples)至少得看几遍(同时记录自己不熟悉需要记录的地方)。

其他资料包括一些书籍、专栏、视频等,一般而言书籍是质量比较有保障的,但是也是比较容易看不下去。不能以为看了就会了,实际上我们学会某项技能都是需要练习的,也需要多做笔记记录。你可能会觉得写笔记和练习会拖慢你的学习进度,实际这是比较有效的学习方法。适当付费一些百来块的课程是相对值得的。比较贵的就需要慎重甄别了。因为可能根本就没有耐心看完,多数人可能是买了就以为会了。

关于源码学习,不建议一开始就看成千上万行的源码,容易劝退。可以循序渐进,先看简单的,比如先看100行的,200行的,500行以内的,1000行以内的。也不用完全畏惧源码,感觉自己没有到看源码的阶段,适当学学一些简单的源码有助于打开视野。事实上不长的源码都是围绕某些功能去实现的,不会很难。觉得难可能是未知领域,也可能是基础不够扎实,视野不够开阔。这时邀请你扫码或点此加我微信 ruochuan12 来参加免费的源码共读活动啊。

4eb881949f702acff9f64a4f085fde56.png

学到一定程度后,要跳出自己公司多看技术社区,提升自己的技术视野。公司项目或者同事的代码,相对广阔的技术社区来说比较局限。

最后推荐几篇文章:

若川知乎问答:2年前端经验,做的项目没什么技术含量,怎么办?
老姚浅谈:怎么学JavaScript?(这篇要重点看,我就是看这篇文章深受启发,开始学源码的)

我是如何零基础入门前端开发的(2021 版)

一名运营,自学一年前端,成功入职杭州某独角兽企业,他的面试经验和学习方法等分享

曾以为只能拿8K,22届学弟字节校招心路历程

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274700.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ui设计中的版式设计_设计中的版式-第3部分

ui设计中的版式设计and how not to suck at it以及如何不吸吮它 This is the 3rd and last part of the series. Here we take all our learnings from Part 1(Click to read) & Part 2(Click to read) and put to good use. Lets begin!这是本系列的第三部分也是最后一部…

听说你还在用开发者工具手动上传小程序,快来试试 miniprogram-ci 提效摸鱼

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

ucla ai_UCLA的可持续性:用户体验案例研究

ucla aiRole: UX Researcher / UX Designer / Critical-thinker角色: UX研究人员/ UX设计人员/批判性思维者 Scope: 4 weeks, March — March 2020范围: 4周,2020年3月至2020年3月 What I Did: UX Research, Speculative Design, Product D…

大三的小白同学是如何拿到字节offer的,经验分享

这是来自大三邵小白同学的投稿。原文链接:https://juejin.cn/post/7092806181856657445很多时候我们容易羡慕别人成功了,却往往没有看到别人背后的努力。1前言大家好,我是邵小白,一个长沙某不知名双非的大三学生。今年三月份来到杭…

UNIBO大学博物馆网络设计—品牌重塑和数字产品设计

Brief / Redesign the Visual Identity of the University of Bologna Museum Network (SMA) and apply the new designs to a Digital Product简介/重新设计博洛尼亚大学博物馆网络(SMA)的视觉识别,并将新设计应用于数字产品 Period / Mar 2020 — June 2020期间/…

进来做几道 JavaScript 基础题找找自信?

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

人物肖像速写_骄傲家庭:肖像项目

人物肖像速写2020 has been a solemn, transformative year. Pride month takes place in the context of a groundswell up-rising against racism and police brutality and in the continued isolation of COVID-19.2020年是庄严,变革的一年。 骄傲月的发生是在反…

答读者问:钱和成长,哪个更重要?

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

ui设计颜色的使用_UI设计中颜色使用的10条原则

ui设计颜色的使用重点 (Top highlight)1.颜色术语 (1. Color Terminology) Color terminology forms our foundation of color knowledge. Think of color terms like hue, tint, and shade as tools that we can employ to develop unique color palettes.颜色术语构成了我们颜…

Chrome插件:网易云音乐听歌识曲

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

如何设置ad18捕捉图标_图标设计中的像素捕捉

如何设置ad18捕捉图标More in the iconography series:• Foundations of Iconography• 7 Principles of Icon Design• 5 Ways to Create a Settings Icon• Icon Grids & Keylines Demystified• 3 Classic Icon FamiliesWe all want our designs to display sharp on a…

React Hooks 原理与最佳实践

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

插图 引用 同一行两个插图_为什么插图是产品的重要组成部分

插图 引用 同一行两个插图“Hi, my name is Ludmila and I’m a UX/UI designer”“嗨,我叫Ludmila,我是UX / UI设计师” “Hi, Ludmila”“嗨,路德米拉” “Welcome”“欢迎” Not anonymously at all, I’ve been doing UX/UI design fo…

如果是你你会如何重新设计和定义维基百科(wikipedia)?

日期:2012-8-11 来源:GBin1.com 最近一家设计公司发布了一个关于如何重新定义和设计维基百科的网站,在这里网站里详细的刨析了如何重新设计维基百科的话,如何做品牌设计和网站设计,整个设计过程都使用非常详细的文档说…

祖父元素_帮助祖父母建立Skype帐户的UX经验教训

祖父元素“Empathy is a key part of a UX designers arsenal”, they say. It’s drilled into our heads that we need to be thinking about our user, about their journey, about what works best for them. And it does feel empowering to boast of empathy, inside vis…

2022年CSS的发展如何?

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

分布式实物实现方式_这是您完成实物产品设计任务的方式

分布式实物实现方式You’ve come to the last stages of an interview. There’s only one thing left to do: the dreaded take home design assignment.您已经到达面试的最后阶段。 只剩下一件事要做: 可怕的带回家的设计任务。 This is the hard part of any in…

type 和 interface 傻傻分不清楚?

大家好,我是若川。持续组织了8个月源码共读活动,感兴趣的可以 点此加我微信ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外…

上帝公式_感谢上帝的空白

上帝公式Do you ever walk into a room cluttered with discarded papers and leftover takeout and feel comfortable?您是否曾经走进过乱七八糟的房间? Yes, you might if you’re a sophomore at college. That’s just dorm life. Back in the late 90’s to …

figma下载_在Figma上进行原型制作的各种触发选项

figma下载Prototypes are model versions of digital products. They’re used to measure usability by testing with potential users of a product. When making prototypes with Figma, it is necessary that the actions that trigger reactions aren’t strangers and th…