搜索

[26036] 2017-02-08_前端开发者，2017年你应该学习什么

文档创建者：s7ckTeam
浏览次数：2
最后更新：2025-01-19
2017-02-08_前端开发者，2017年你应该学习什么 - -   A r t e m   S a p e g i n 0 6 % 1 8 % 3 2 % 3 9 % 5 6 % 7 1 % 8 2 % 前 端 开 发 者 ， 2 0 1 7   年 你 应 该 学 习 什 么 原 创   译 者 ： G H L a n d y   L i n u x 中 国   2 0 1 7 - 0 2 - 0 8 本 文 融 合 了 我 的 个 人 经 历 以 及 对 新 一 年 的 希 冀 。 正 如 我 想 热 切 表 达 自 己 想 法 一 样 ， 我 也 期 待 能 在 下 方 的 评 论 表 单 中 看 到 你 的 建 议 。 本 文 导 航 - 学 习 如 何 写 出 可 读 性 高 的 代 码 - 深 入 学 习   J a v a S c r i p t - 学 习 函 数 式 编 程 - 学 习 设 计 基 础 知 识 - 学 习 如 何 与 人 协 作 - 学 习 如 何 为 用 户 编 写 代 码 - 学 习 以 前 的 计 算 机 科 学 智 慧 编 译 自 ：   h t t p s : / / m e d i u m . f r e e c o d e c a m p . c o m / w h a t - t o - l e a r n - i n - 2 0 1 7 - i f - y o u r e - a - f r o n t e n d - d e v e l o p e r - b 6 c f e f 4 6 e f f d # . s s 9 x b w r e w   作 者 ：   A r t e m   S a p e g i n 译 者 ：   G H L a n d y 在 当 今 的 快 节 奏 生 态 中 ， 我 们 都 倾 向 于 花 时 间 尝 试 最 新 的 发 明 ， 然 后 在 网 络 上 进 行 激 烈 的 辩 论 。
这 里 ， 我 并 不 是 说 我 们 不 能 这 样 做 。 但 我 们 的 确 应 该 把 脚 步 放 慢 一 些 ， 并 认 真 了 解 那 些 不 会 有 很 大 变 化 的 事 情 。 这 样 不 仅 会 提 升 我 们 的 工 作 质 量 和 我 们 所 创 造 的 价 值   — —   还 将 切 实 地 帮 助 我 们 更 快 理 解 这 些 新 的 工 具 。 本 文 融 合 了 我 的 个 人 经 历 以 及 对 新 一 年 的 希 冀 。 正 如 我 想 热 切 表 达 自 己 想 法 一 样 ， 我 也 期 待 能 在 下 方 的 评 论 表 单 中 看 到 你 的 建 议 。 学 习 如 何 写 出 可 读 性 高 的 代 码 我 们 多 数 的 工 作 并 不 是 编 写 新 代 码 ， 而 是 维 护 已 有 代 码 。 这 意 味 着 你 最 终 阅 读 代 码 的 时 间 要 比 编 写 它 所 花 费 的 时 间 要 长 ， 所 以 你 需 要 为 之 后 需 要 阅 读 你 代 码 的 程 序 员 优 化 代 码 ， 而 不 是 为 了 解 释 器 。 这 里 我 建 议 你 按 以 下 顺 序   —   由 浅 入 深   —   阅 读 下 面 三 本 书 ： D u s t i n   B o s w e l l   的   《   T h e   A r t   o f   R e a d a b l e   C o d e 编 写 可 读 代 码 的 艺 术   [ 1 ] 》 R o b e r t   C .   M a r t i n   的   《   C l e a n   C o d e :   A   H a n d b o o k   o f   A g i l e   S o f t w a r e   C r a f t s m a n s h i p 代 码 整 洁 之 道   [ 2 ] 》 S t e v e   M c C o n n e l l   的   《   C o d e   C o m p l e t e :   A   P r a c t i c a l   H a n d b o o k   o f   S o f t w a r e   C o n s t r u c t i o n 代 码 大 全   [ 3 ] 》 深 入 学 习   J a v a S c r i p t 现 如 今 ， 每 周 都 会 出 现 一 个 新 的   J a v a S c r i p t   框 架 ， 并 标 榜 自 己 比 其 他 的 任 何 旧 框 架 都 要 好 用 。 这 样 的 情 况 下 ， 我 们 很 多 人 更 倾 向 于 花 费 时 间 来 学 习 框 架 ， 而 且 这 样 也 要 比 学 习   J a v a S c r i p t   本 身 要 容 易 的 多 。 如 果 说 你 正 在 使 用 框 架 ， 但 并 不 了 解 该 框 架 的 工 作 方 式 ， 立 刻 停 止 使 用 它 ， 并 去 学 习   J a v a S c r i p t ， 直 到 你 能 够 理 解 这 些 工 具 的 工 作 方 式 为 止   。 可 以 从   K y l e   S i m p s o n [ 4 ]   的   你 所 不 知 道 的   J a v a S c r i p t [ 5 ]   系 列 开 始 ， 这 个 系 列 可 以 在 线 免 费 阅 读 。 E r i c   E l l i o t t [ 6 ]   列 出 的 一 个 长 长 的   2 0 1 7   年 ： J a v a S c r i p t   的 学 习 目 标 [ 7 ] 。 H e n r i q u e   A l v e s [ 8 ]   列 出 的   进 行 响 应 式 开 发 之 前 必 须 了 解 的 事 情 [ 9 ] （ 实 际 上 就 是 一 个 知 识 框 架 ） 。 M i k e   P e n n i s i   的   J a v a S c r i p t   开 发 者 ： 注 意 你 的 语 言 [ 1 0 ]   —   了 解   E C M A S c r i p t   新 特 性 的 中   T C - 3 9   发 展 过 程 。
学 习 函 数 式 编 程 多 年 以 来 ， 我 们 一 直 期 待 着   J a v a S c r i p t   引 入 类 ， 但 真 正 引 入 类 之 后 ， 我 们 却 不 想 在   J a v a S c r i p t   中 使 用 类 了 ， 我 们 只 想 使 用 函 数 。 我 们 甚 至 使 用 函 数 编 写   H T M L   ( J S X ) 。 K y l e   S i m p s o n   的   轻 量 级 函 数 式   J a v a S c r i p t [ 1 1 ] 。 F r i s b y   教 授 的   函 数 式 编 程 完 全 指 南 [ 1 2 ]   和   在 线 免 费 课 程 [ 1 3 ] 。 学 习 设 计 基 础 知 识 作 为 一 个 前 端 开 发 者 ， 我 们 比 这 个 生 态 中 的 任 何 人   — —   甚 至 可 能 是 设 计 人 员   — —   都 要 更 加 接 近 用 户 。 如 果 设 计 者 必 须 去 确 认 你 还 原 在 屏 幕 上 的 每 一 个 像 素 ， 你 或 许 做 错 了 某 些 事 。 D a v i d   K a d a v y [ 1 4 ]   的 《   D e s i g n   f o r   H a c k e r s 黑 客 设 计   [ 1 5 ] 》 或 对 应 的   免 费 课 程   [ 1 6 ] 。   T r a c y   O s b o r n [ 1 7 ]   的 讲 座 ： 为 非 设 计 人 员 的 设 计 知 识 [ 1 8 ] 。 N a t h a n   B a r r y [ 1 9 ]   的   《   D e s i g n   o f   W e b   A p p l i c a t i o n s W e b   应 用 设 计   [ 2 0 ] 》 。 J a s o n   S a n t a   M a r i a [ 2 1 ]   的   《 O n   W e b   T y p o g r a p h y W e b   页 面 设 计   [ 2 2 ] 》 。 A l a n   C o o p e r   的   《   T h e   I n m a t e s   A r e   R u n n i n g   t h e   A s y l u m :   W h y   H i g h   T e c h   P r o d u c t s   D r i v e   U s   C r a z y   a n d   H o w   t o   R e s t o r e   t h e   S a n i t y 交 互 设 计 之 路 ： 让 高 科 技 产 品 回 归 人 性   [ 2 3 ] 》 。 两 篇 关 于   U I   动 画 的 文 章 ： 如 何 使 用 动 画 来 提 高   U X [ 2 4 ] 、 过 渡 界 面 [ 2 5 ] 。 学 习 如 何 与 人 协 作 有 些 人 很 喜 欢 通 过 编 程 来 与 电 脑 进 行 交 互 ， 而 非 与 人 进 行 交 互 。 不 幸 的 是 ， 这 样 的 结 果 并 不 是 很 好 。 基 本 上 我 们 不 可 能 完 全 脱 离 群 体 来 工 作 ： 我 们 总 是 需 要 和 其 他 开 发 者 、 设 计 师 以 及 项 目 经 理   — —   有 时 候 甚 至 要 和 用 户
— —   交 换 意 见 。 这 是 比 较 难 的 任 务 ， 但 如 果 你 想 要 真 正 理 解 你 在 做 什 么 以 及 为 什 么 要 这 么 做 的 话 ， 这 一 步 是 非 常 重 要 的 ， 因 为 这 正 是 我 们 工 作 的 价 值 所 在 。 J o h n   S o n m e z [ 2 6 ]   的 《   S o f t   S k i l l s :   T h e   s o f t w a r e   d e v e l o p e r ’ s   l i f e   m a n u a l 软 技 能 ： 代 码 之 外 的 生 存 指 南   [ 2 7 ] 》 。 R o b e r t   C .   M a r t i n   的 《   T h e   C l e a n   C o d e r :   A   C o d e   o f   C o n d u c t   f o r   P r o f e s s i o n a l   P r o g r a m m e r s 代 码 整 洁 之 道 ： 程 序 员 的 职 业 素 养   [ 2 8 ] 》 。 J i m   C a m p   的   《   S t a r t   w i t h   N o :   T h e   N e g o t i a t i n g   T o o l s   t h a t   t h e   P r o s   D o n ’ t   W a n t   Y o u   t o   K n o w 从 零 开 始 ： 专 业 人 士 不 想 让 你 了 解 的 谈 判 工 具   [ 2 9 ] 》 。 学 习 如 何 为 用 户 编 写 代 码 与 同 事 或 其 他 人 的 交 流 大 部 分 是 以 文 本 的 形 式 进 行 的 ： 目 标 描 述 和 评 论 、 代 码 注 释 、 G i t   提 交 、 即 时 聊 天 消 息 、 电 子 邮 件 、 推 文 、 博 客 等 。 想 象 一 下 ， 人 们 要 花 费 多 少 时 间 来 阅 读 和 理 解 所 有 以 上 提 到 的 这 一 切 。 如 果 你 可 以 通 过 写 得 更 清 楚 、 简 洁 来 减 少 这 个 时 间 ， 世 界 将 变 成 一 个 更 好 的 工 作 场 所 。 W i l l i a m   Z i n s s e r d   的 《   O n   W r i t i n g   W e l l :   T h e   C l a s s i c   G u i d e   t o   W r i t i n g   N o n f i c t i o n 写 作 法 宝   :   非 虚 构 写 作 指 南   [ 3 0 ] 》 。 W i l l i a m   S t r u n k   和   E .   B .   W h i t e   的 《   T h e   E l e m e n t s   o f   S t y l e 英 文 写 作 指 南   [ 3 1 ] 》 。 奥 威 尔 写 作 规 则 [ 3 2 ] 。 俄 文 ： 很 好 的   G l a v r e d   课 程 [ 3 3 ] 。 学 习 以 前 的 计 算 机 科 学 智 慧 前 端 开 发 已 经 不 仅 仅 简 单 的 下 拉 菜 单 了 ， 它 前 所 未 有 的 更 复 杂 了 。 随 着 我 们 所 需 解 决 问 题 的 复 杂 度 越 来 越 高 ， 声 名 狼 藉 的 “ J a v a S c r i p t   疲 乏 症 ” 也 随 之 出 现 了 。 这 意 味 着 现 在 需 要 学 习 非 前 端 开 发 人 员 过 去 几 十 年 所 积 累 形 成 的 知 识 精 华 。 而 这 也 是 我 最 想 听 到 你 向 我 推 荐 的 内 容 了 。
以 下 是 我 个 人 给 大 家 的 推 荐 ： C o u r s e r a   的   《   L e a r n   T o   T h i n k   L i k e   A   C o m p u t e r   S c i e n t i s t 学 习 像 计 算 机 科 学 家 那 样 思 考 方 式   [ 3 4 ] 》 。 D H H [ 3 5 ]   的   对 我 意 义 非 凡 的 五 本 书 [ 3 6 ] 。 读 完 本 文 ， 你 有 些 什 么 建 议 呢 ？ 在 这 新 的   2 0 1 7   年 里 你 又 想 学 习 些 什 么 呢 ？ 作 者 简 介 ： W e b   开 发 者 ， 充 满 激 情 的 摄 影 者 ， c r a z y   d o g s   的 主 人 。 译 者 简 介 ： G H L a n d y [ 3 7 ]   — —   欲 得 之 ， 则 为 之 奋 斗   ( I f   y o u   w a n t   i t ,   w o r k   f o r   i t . ) 。 v i a :   h t t p s : / / m e d i u m . f r e e c o d e c a m p . c o m / w h a t - t o - l e a r n - i n - 2 0 1 7 - i f - y o u r e - a - f r o n t e n d - d e v e l o p e r - b 6 c f e f 4 6 e f f d # . s s 9 x b w r e w 作 者 ： A r t e m   S a p e g i n [ 3 8 ]   译 者 ： G H L a n d y   校 对 ： b e s t o n y 本 文 由   L C T T [ 3 9 ]   原 创 编 译 ， L i n u x 中 国   荣 誉 推 出 推 荐 文 章 <   左 右 滑 动 查 看 相 关 文 章   > 输 入 文 章   I D   或 长 按 二 维 码 直 达 [ 1 ] :   编 写 可 读 代 码 的 艺 术   -   h t t p s : / / w w w . a m a z o n . c o m / g p / p r o d u c t / 0 5 9 6 8 0 2 2 9 3 / [ 2 ] :   代 码 整 洁 之 道   -   h t t p s : / / w w w . a m a z o n . c o m / C l e a n - C o d e - H a n d b o o k - S o f t w a r e - C r a f t s m a n s h i p / d p / 0 1 3 2 3 5 0 8 8 2 / [ 3 ] :   代 码 大 全   -   h t t p s : / / w w w . a m a z o n . c o m / C o d e - C o m p l e t e - P r a c t i c a l - H a n d b o o k - C o n s t r u c t i o n / d p / 0 7 3 5 6 1 9 6 7 0 / [ 4 ] :   K y l e   S i m p s o n   -   h t t p s : / / m e d i u m . c o m / u / 5 d c c b 9 b b 4 6 2 5 [ 5 ] :   你 所 不 知 道 的   J a v a S c r i p t   -   h t t p s : / / g i t h u b . c o m / g e t i f y / Y o u - D o n t - K n o w - J S [ 6 ] :   E r i c   E l l i o t t   -   h t t p s : / / m e d i u m . c o m / u / c 3 5 9 5 1 1 d e 7 8 0 [ 7 ] :   2 0 1 7   年 ： J a v a S c r i p t   的 学 习 目 标   -   h t t p s : / / m e d i u m . c o m / j a v a s c r i p t - s c e n e / t o p - j a v a s c r i p t - f r a m e w o r k s - t o p i c s - t o - l e a r n - i n - 2 0 1 7 - 7 0 0 a 3 9 7 b 7 1 1 # . z h n b n 4 r v g
[ 8 ] :   H e n r i q u e   A l v e s   -   h t t p s : / / m e d i u m . c o m / u / b 6 c 3 8 4 1 6 5 1 a c [ 9 ] :   进 行 响 应 式 开 发 之 前 必 须 了 解 的 事 情   -   h t t p : / / a l v e s . i m / b l o g / b e f o r e - d i v e - i n t o - r e a c t . h t m l [ 1 0 ] :   J a v a S c r i p t   开 发 者 ： 注 意 你 的 语 言   -   h t t p s : / / b o c o u p . c o m / w e b l o g / j a v a s c r i p t - d e v e l o p e r s - w a t c h - y o u r - l a n g u a g e [ 1 1 ] :   轻 量 级 函 数 式   J a v a S c r i p t   -   h t t p s : / / g i t h u b . c o m / g e t i f y / F u n c t i o n a l - L i g h t - J S [ 1 2 ] :   函 数 式 编 程 完 全 指 南   -   h t t p s : / / g i t h u b . c o m / M o s t l y A d e q u a t e / m o s t l y - a d e q u a t e - g u i d e [ 1 3 ] :   在 线 免 费 课 程   -   h t t p s : / / e g g h e a d . i o / c o u r s e s / p r o f e s s o r - f r i s b y - i n t r o d u c e s - c o m p o s a b l e - f u n c t i o n a l - j a v a s c r i p t [ 1 4 ] :   D a v i d   K a d a v y   -   h t t p s : / / m e d i u m . c o m / u / 5 3 7 7 a 9 3 e f 6 4 0 [ 1 5 ] :   黑 客 设 计   -   h t t p s : / / w w w . a m a z o n . c o m / D e s i g n - H a c k e r s - R e v e r s e - E n g i n e e r i n g - B e a u t y - e b o o k / d p / B 0 0 5 J 5 7 8 E W [ 1 6 ] :   免 费 课 程   -   h t t p : / / d e s i g n f o r h a c k e r s . c o m / [ 1 7 ] :   T r a c y   O s b o r n   -   h t t p s : / / m e d i u m . c o m / u / e 6 1 1 0 9 7 a 5 b d 4 [ 1 8 ] :   为 非 设 计 人 员 的 设 计 知 识   -   h t t p s : / / y o u t u . b e / Z b r z d M a u m N k [ 1 9 ] :   N a t h a n   B a r r y   -   h t t p s : / / m e d i u m . c o m / u / a c 3 0 9 0 4 3 3 6 0 2 [ 2 0 ] :   W e b   应 用 设 计   -   h t t p : / / n a t h a n b a r r y . c o m / w e b a p p s / [ 2 1 ] :   J a s o n   S a n t a   M a r i a   -   h t t p s : / / m e d i u m . c o m / u / 8 e d d c b 9 e 4 a c 4 [ 2 2 ] :   W e b   页 面 设 计   -   h t t p s : / / a b o o k a p a r t . c o m / p r o d u c t s / o n - w e b - t y p o g r a p h y [ 2 3 ] :   交 互 设 计 之 路 ： 让 高 科 技 产 品 回 归 人 性   -   h t t p s : / / w w w . a m a z o n . c o m / I n m a t e s - A r e - R u n n i n g - A s y l u m - P r o d u c t s - e b o o k / d p / B 0 0 0 O Z 0 N 6 2 / [ 2 4 ] :   如 何 使 用 动 画 来 提 高   U X   -   h t t p : / / b a b i c h . b i z / h o w - t o - u s e - a n i m a t i o n - t o - i m p r o v e - u x / [ 2 5 ] :   过 渡 界 面   -   h t t p s : / / m e d i u m . c o m / @ p a s q l / t r a n s i t i o n a l - i n t e r f a c e s - 9 2 6 e b 8 0 d 6 4 e 3 # . i g c w a w s z z [ 2 6 ] :   J o h n   S o n m e z   -   h t t p s : / / m e d i u m . c o m / u / 5 6 e 8 c b a 0 2 b [ 2 7 ] :   软 技 能 ： 代 码 之 外 的 生 存 指 南   -   h t t p s : / / w w w . a m a z o n . c o m / S o f t - S k i l l s - s o f t w a r e - d e v e l o p e r s - m a n u a l / d p / 1 6 1 7 2 9 2 3 9 7 / [ 2 8 ] :   代 码 整 洁 之 道 ： 程 序 员 的 职 业 素 养   -   h t t p s : / / w w w . a m a z o n . c o m / C l e a n - C o d e r - C o n d u c t - P r o f e s s i o n a l - P r o g r a m m e r s / d p / 0 1 3 7 0 8 1 0 7 3 / [ 2 9 ] :   从 零 开 始 ： 专 业 人 士 不 想 让 你 了 解 的 谈 判 工 具   -   h t t p s : / / w w w . a m a z o n . c o m / S t a r t - N o - N e g o t i a t i n g - T o o l s - t h a t - e b o o k / d p / B 0 0 3 E Y 7 J E E / [ 3 0 ] :   写 作 法 宝   :   非 虚 构 写 作 指 南   -   h t t p s : / / w w w . a m a z o n . c o m / g p / p r o d u c t / 0 0 6 0 8 9 1 5 4 8 / [ 3 1 ] :   英 文 写 作 指 南   -   h t t p s : / / w w w . a m a z o n . c o m / E l e m e n t s - S t y l e - 4 t h - W i l l i a m - S t r u n k / d p / 0 2 0 5 3 1 3 4 2 6 / [ 3 2 ] :   奥 威 尔 写 作 规 则   -   h t t p : / / w w w . e c o n o m i s t . c o m / b l o g s / p r o s p e r o / 2 0 1 3 / 0 7 / g e o r g e - o r w e l l - w r i t i n g [ 3 3 ] :   G l a v r e d   课 程   -   h t t p : / / m a x i m i l y a h o v . r u / g l v r d - p r o / [ 3 4 ] :   学 习 像 计 算 机 科 学 家 那 样 思 考 方 式   -   h t t p s : / / w w w . c o u r s e r a . o r g / s p e c i a l i z a t i o n s / a l g o r i t h m s [ 3 5 ] :   D H H   -   h t t p s : / / m e d i u m . c o m / u / 5 4 b c b f 6 4 7 8 3 0 [ 3 6 ] :   对 我 意 义 非 凡 的 五 本 书   -   h t t p s : / / s i g n a l v n o i s e . c o m / p o s t s / 3 3 7 5 - t h e - f i v e - p r o g r a m m i n g - b o o k s - t h a t - m e a n t - m o s t - t o - m e [ 3 7 ] :   G H L a n d y   -   h t t p : / / G H L a n d y . c o m [ 3 8 ] :   A r t e m   S a p e g i n   -   h t t p s : / / m e d i u m . f r e e c o d e c a m p . c o m / @ s a p e g i n [ 3 9 ] :   L C T T   -   h t t p s : / / g i t h u b . c o m / L C T T / T r a n s l a t e P r o j e c t 阅 读 原 文
回复

举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

使用Markdown编辑器编辑 使用富文本编辑器编辑

Archiver| 手机版| 小黑屋|
Powered by Discuz! X3.4 Copyright © 2001-2020, Tencent Cloud. 商业源码建议获取授权，如侵犯您的权益，请联系客服处理