专栏首页web前端教室零基础选择前端技术栈的正确方法

零基础选择前端技术栈的正确方法

你的技术栈很明显是以兴趣为导向的。也就是说,你这个技术栈就算你真学完了,对于你工资的提高,也没有很大的帮助,因为它本身就是偏的。

为什么呢?

1、html、html5,看你怎么用了,如果只是用一些新标签,那么区别并不大。如果你要使用html5的新特性,那么都需要特定的使用场景、业务条件去实施。还需要掌握一些http、tcp/ip协议方面的东西。例如,websocket之类的

2、css3、less、sass,这些说到根儿上都是css,加分并不明显;

3、js、json、ajax、jquery,这个中规中矩,只是jq已经有些过时,实际工作中有条件用用就可以。不必专门花大力气去学它。

4、canvas、Konva,这时你画风一转,跑到了前端可视化。这个canvas要么是大数据可视化展示,要么是游戏之类的交互应用。这个领域的硬功夫是【算法、效率】,例如100万条实时更新的数据,你在网页上展示出来。如果你数学不好的话,在这个领域里,你绝对走不远。

上述这些东西,尤其是第4条,足够你走一生的。如果只是单纯的学完,那么学完了,你也用不好。

5、然后再学【面向对象】,面向对象编程是一种编程范式。什么意思呢?就是说,面向对象编程其实是一种方法、一种风格。它要在你已经拥有一定的代码量做为积累的时候,才能产生作用。如果只是单纯的学习这种思想、风格,那么照例不会有太大的收获。

6、这时,你再来学习angular.js框架,有余力再学vue。这个框架应该属于java流的,它的学习曲线比较陡峭,对新人不是特别友好。所以你这个顺序是颠倒了,应该是先学习vue,然后有余力的情况下,再学angular。

<!-- -->

建立学习路线是这样的,看《如何自学web前端开发?精细的自学步骤是什么样的?【附勺子】》。看这个的目的是要先搞清楚html、css、js,都是些什么东西,做什么用的。

然后就可以用js来写一些基本的小东西了。可以从点击事件开始,一个小按钮图片切换什么的,再把this用一用,先熟悉基本的用法。

接下来可以再做一个网页版的留言板,就是添加、删除、显示留言的页面级应用,不带数据库的。

这类例子的的核心是用来锻炼基本的逻辑思维,就是你大概知道它有什么功能,但是不知道怎么把它实现出来。在这个阶段还需要注意“表现与结构相分离”。

接下来,先把node学一下,掌握node安装、运行,npm怎么安装第三方包什么的就可以,不必太深入node开发。

然后把vue-cli装上,学习vue的使用,再用vue把之前的练习、例子都再写一遍。这样慢慢的基本就可以上手了。

本文分享自微信公众号 - web前端教室(webfeel)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-06-28

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue笔记:在项目中使用 SCSS

    css预处理器定义了一种新的编程语言,编译后成正常的CSS文件。为CSS增加一些编程的特性,无需考虑浏览器的兼容问题,让CSS更加简洁,适应性更强,可读性更佳,...

    朝雨忆轻尘
  • 从 Promise 对象讲解事件循环机制

    我们知道 ES6 出现之后,事件循环机制和之前的就有些不同,这篇文章会讲这些不同的地方讲清楚。

    小生方勤
  • 互联网人现状:强忍“996”,追逐“KPI”

    前段日子,一篇名为《废掉一个人最隐蔽的方式,是让他忙到没有时间成长》在朋友圈刷屏了。

    养码场
  • 【前端词典】从 returnWeekday() 谈 if() 语句代码优化

    最近部门在对以往的代码做一些优化,我在代码中看到一连串的 if(){}elseif(){} 的逻辑判断。这明显是有优化空间的。

    小生方勤
  • Vue笔记:使用 VS Code 断点调试

    直接在 Chrome 的调试窗口中调试 Vue 代码有诸多不便, 好在 Visual Studio Code 中提供了 Debugger for Chrome ...

    朝雨忆轻尘
  • Vue笔记:封装 axios 为插件使用

    自从Vue2.0推荐大家使用 axios 开始,axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情,但是axios没有进行封...

    朝雨忆轻尘
  • chrome 开发者工具的 11 个骚技巧

    对于每个前端从业者来说,除了 F5 键之外,用的最多的另外一个键就是 F12 了。

    小生方勤
  • Vue笔记:使用 axios 发送请求

    在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource...

    朝雨忆轻尘
  • 【前端词典】单页应用 VS 多页应用

    最近看到一些人在问单页面和多页面应用的区别。因为最近在整理 Vue 相关的内容,所以也就输出这一篇短文希望可以给你一个整体的认识。

    小生方勤
  • Vue笔记:VS Code 常用快捷键

    1、Auto Rename Tag 修改 html 标签,自动帮你完成尾部闭合标签的同步修改,和 webstorm 一样。

    朝雨忆轻尘

扫码关注云+社区

领取腾讯云代金券