前端如何从 0~1，我只会从 1~n...

[wohefengyiyang]

我自己主要是从事后端开发的，平时写自己项目的时候，前端都是直接用的 vue 的一些开源项目，然后对原项目进行大幅度的修改，这也就是说我知道怎么从 1 ～ n.但是我没有系统的学过前端的一些知识，比如说如何从 ui->前端页面之类基础的知识，在网上搜了一下也没搜到快速从 0->1 的教程。然后这两天刚好又在 upwork 上谈了一个长期的合作，，，是全栈开发，但是可能会偏前端一些，所以，有没有什么好用的教程能快速入门的（最好是 vue 从 0->1 ）

[windliang]

不是 Vue ，但能快速补全一些前端的相关概念，https://mp.weixin.qq.com/s/0X8l9VeEp0VizlUTSgVmqg

[murmur]

需要啥学啥就可以，前端尤其是 JS 部分，属于用 40%精华，但是面试要面试 60%的糟粕。就从 ES6 看就行，闭包咖喱话这些面试考点什么乱七八糟都不用管，你用 ES6 语法遇不到那些坑

html 国外的话对语义化和残障辅助这些会比较注意

css3 之后不考虑 IE 兼容性没难度，需要了现查都来得及

[ZZ74]

我也好奇。比如
根据 UI 图排版，他们说设计 UI 会产生 css 搬运就行
元素高度都是写 xx 像素 还是按比例？
现在做前端是 pc 和移动各一套，还是框架自动适配呢？
.....
好多问题。。。

[murmur]

@ZZ74 不适配，也就给程序员用的工具类和文档类网站可以适配，其余的都是做两套

[Quarter]

@ZZ74 复杂一些的业务还是推荐各一台，UI 、交互逻辑、显示模式、布局都不一样，强行写在一套里面感觉也没啥好处，还得做一堆判断，还不如各过各的，干净利索

[mingring]

@ZZ74 《深入解析 css 》可以解答你这些疑问。

[crazyTanuki]

@ZZ74 用 ui 框架的栅格功能就好了

[davin]

WCAG, A11Y, i18n, Microdata 这些能玩好已经超越绝大部分前端了，无脑 div/span 嵌套，还是低了一层。
好的 HTML 和 CSS 结合代码，看起来就像诗歌一样；反之，就像是一坨💩

[ZZ74]

@crazyTanuki 对前端一无所知 给点具体的提示或者样例网址么？

[enchilada2020]

@davin 忙着堆业务呢谁管你那些 费好大力气写好的 UI 还不是撑不到三个月又全改掉了 不七扭八歪动不动溢出就不错了哈哈

[crazyTanuki]

@ZZ74 https://www.antdv.com/components/grid-cn 随便找了个 ui 框架，你看看咯，很简单的

[LavaC]

都会用 UI 库写业务了估摸着补齐点 html 语义化和 css 的布局、效果就行

[crazyTanuki]

@davin 除了 i18n ，其他都没机会接触到诶

[vsitebon]

如果只是前端不涉及设计的话，其实硬上就好

[SleepyRaven]

虽然现在前端起手就是 UI 框架+组件库，但是你可以花几天时间去类似 runoob 这种网站在线敲一遍最基础的 html/css/js ，会立马有个页面+样式+js 驱动的概念，然后就可以走 vue 文档一把梭了

[notproblem]

我当初是跟着前端培训课程（网上随便找的），一行一行敲（期间会感觉各种不适应，后面习惯就好了），做完一个项目就熟悉了。我也在学后端，但是只停留在学的时候熟悉点，因为平时不怎么用，过段时间就忘记了

[qcbf111]

现在前端已经专指 web 开发了吗？我在多个公司 title 都是前端，但是也没做过 web 。
https://imgur.com/cyaWUQD

[qcbf111]


[qcbf111]


[darkengine]

使用脚手架，甚至从 github 上 fork 一个成熟的示例项目开始，也算是从 0 到 1 啊。。。

[darkengine]

@qcbf111 可能他们还没接受“大前端”这个概念 😂

[xiaotuzi]

我也差不多全栈了，我也没有系统学过前端。就目前而言，会用 vue 脚手架，但是写一些页面还是挺费时间的，我总是写不好，感觉前端真的好麻烦。。。

[zangbianxuegu]

如果是 UI -> 前端页面，从前端角度看，反而 0-1 简单，HTML 写结构、引入 CSS 写样式，引入 js 交互，如果 UI 是 PSD ，需要会运用图片。不过前端知识很杂，需要慢慢积累。
如果是 Vue 0-1 ，具体是什么呢？按照官网快速上手创建应用算不算 0-1 呢？如果是从 0 到开源项目那种程度，可能前置需要了解数据驱动、响应式原理、Vue 实现原理、Webpack 、Vite 、Node.js 等等，然后是路由、状态管理、样式、组件库等等，所以，每一部分的内容都很多。

[Dogtler]

作为后端 感觉前端我只会在原基础上小幅度改动，大规模 0-1 独自开发还是很费劲

[murmur]

@qcbf111 因为后端用 java 写轮子更多也更好找人

[7inFen]

@qcbf111 广义的前端指多平台的用户端，狭义的前端专指 web 开发的用户端

[sentinelK]

不知道楼主说的 0 ~ 1 具体指的是什么？

是界面设计到页面布局设计的规划？
是对于控件封装复用，页面生命周期的规划？
是创建 web 项目的技术选型与项目代码结构？

这三者其实都没有通解。
都要根据你当时的人力条件、项目需求、界面复杂度来决定。

举个例子，大厂的优质产品线，前端团队都是有一套自己的前端标准的，由前端标准衍生定制 UI 设计工具，然后设计 UI 再生成界面结构。
这是大厂的人力结构与团队规模决定的，小作坊这么玩你控件还没封装完呢，你做的产品行业都已经暴雷消失了。

[abelmakihara]

@ZZ74 蓝湖和 figma 自动生成的代码只能参考字体边框这种
宽高布局一般还是要自己写的 用子元素撑开不写固定宽高

[BwNVlwSq]

找几个设计稿，写代码还原出来

[wohefengyiyang]

@darkengine 这样类似的我已经做过很多了，就是 github 魔改，也就是我所说的 1-->n, 但是因为自己没有在公司做过前端，不清楚项目早期的一个流程是什么样的，以及怎么做，比如怎么请人做 ui,然后我前端怎么直接用这些 ui 之类的

[wohefengyiyang]

@zangbianxuegu 个人来看，我缺少的是前者，有关 vue 的我了解的还行

[wohefengyiyang]

@sentinelK 我自己对这个概念其实也比较模糊，因为不懂一个东西的时候我也不好描述清楚他到底是什么，但是就是觉得自己二开一个项目很简单，从 0 开始的早期工作让我很是头痛，层主所说的第一个问题是在我认为的 0-->1 之内的

[wohefengyiyang]

因为加入社区不到 1 年，没法批量回复大家的回答，很是麻烦。所以有些层主的回复我没回答，还望谅解

[wohefengyiyang]

因为加入社区不到 1 年，没法批量回复大家的回答，很是麻烦。所以有些层主的回复我没回答，还望谅解
@qcbf111 并不是，只是个人主要从事 web 开发，所以在描述上可能有些误差

[zangbianxuegu]

@wohefengyiyang 那感觉像是写页面布局样式的问题，可以新创建应用写一个你二开项目中的页面试试。

[jones2000]

截个设计稿图给 GTP, 代码不就生成好了嘛， 然后自己再改改不就完事了。 会 js 不就行了。 其他也没什么好学的呀。

[qloog]

好话题，我好像也没怎么从从 0 到 1 过，需要时现学现查，没有太系统的学习过。

[zhangk23]

需要什么学什么，不需要系统过一遍，但凡你业务上遇到的问题 谷歌都可以解决