这是一个创建于 350 天前的主题，其中的信息可能已经有所发展或是发生改变。
我自己主要是从事后端开发的，平时写自己项目的时候，前端都是直接用的 vue 的一些开源项目，然后对原项目进行大幅度的修改，这也就是说我知道怎么从 1 ～ n.但是我没有系统的学过前端的一些知识，比如说如何从 ui->前端页面之类基础的知识，在网上搜了一下也没搜到快速从 0->1 的教程。然后这两天刚好又在 upwork 上谈了一个长期的合作，，，是全栈开发，但是可能会偏前端一些，所以，有没有什么好用的教程能快速入门的（最好是 vue 从 0->1 ）
 |
1
windliang 350 天前
不是 Vue ，但能快速补全一些前端的相关概念，https://mp.weixin.qq.com/s/0X8l9VeEp0VizlUTSgVmqg
|
 |
2
murmur 350 天前
需要啥学啥就可以，前端尤其是 JS 部分，属于用 40%精华，但是面试要面试 60%的糟粕。就从 ES6 看就行，闭包咖喱话这些面试考点什么乱七八糟都不用管，你用 ES6 语法遇不到那些坑
html 国外的话对语义化和残障辅助这些会比较注意 css3 之后不考虑 IE 兼容性没难度，需要了现查都来得及 |
 |
3
ZZ74 350 天前
我也好奇。比如
根据 UI 图排版，他们说设计 UI 会产生 css 搬运就行 元素高度都是写 xx 像素 还是按比例？ 现在做前端是 pc 和移动各一套，还是框架自动适配呢？ ..... 好多问题。。。 |
 |
5
Quarter 350 天前 via Android
@ZZ74 复杂一些的业务还是推荐各一台，UI 、交互逻辑、显示模式、布局都不一样，强行写在一套里面感觉也没啥好处，还得做一堆判断，还不如各过各的，干净利索
|
 |
7
crazyTanuki 350 天前
@ZZ74 用 ui 框架的栅格功能就好了
|
 |
8
davin 350 天前
WCAG, A11Y, i18n, Microdata 这些能玩好已经超越绝大部分前端了，无脑 div/span 嵌套，还是低了一层。
好的 HTML 和 CSS 结合代码，看起来就像诗歌一样；反之，就像是一坨💩 |
|
9
ZZ74 350 天前
@crazyTanuki 对前端一无所知 给点具体的提示或者样例网址么？
|
 |
10
enchilada2020 350 天前 via Android
@davin 忙着堆业务呢谁管你那些 费好大力气写好的 UI 还不是撑不到三个月又全改掉了 不七扭八歪动不动溢出就不错了哈哈
|
|
11
crazyTanuki 350 天前
@ZZ74 https://www.antdv.com/components/grid-cn 随便找了个 ui 框架，你看看咯，很简单的
|
 |
12
LavaC 350 天前
都会用 UI 库写业务了估摸着补齐点 html 语义化和 css 的布局、效果就行
|
|
13
crazyTanuki 350 天前
@davin 除了 i18n ，其他都没机会接触到诶
|
 |
14
vsitebon 350 天前
如果只是前端不涉及设计的话，其实硬上就好
|
 |
15
SleepyRaven 350 天前
虽然现在前端起手就是 UI 框架+组件库，但是你可以花几天时间去类似 runoob 这种网站在线敲一遍最基础的 html/css/js ，会立马有个页面+样式+js 驱动的概念，然后就可以走 vue 文档一把梭了
|
 |
16
notproblem 350 天前
我当初是跟着前端培训课程（网上随便找的），一行一行敲（期间会感觉各种不适应，后面习惯就好了），做完一个项目就熟悉了。我也在学后端，但是只停留在学的时候熟悉点，因为平时不怎么用，过段时间就忘记了
|
 |
17
qcbf111 350 天前
现在前端已经专指 web 开发了吗？我在多个公司 title 都是前端，但是也没做过 web 。
https://imgur.com/cyaWUQD  |
|
18
qcbf111 350 天前
|
|
19
qcbf111 350 天前
 ) |
 |
20
darkengine 350 天前
使用脚手架，甚至从 github 上 fork 一个成熟的示例项目开始，也算是从 0 到 1 啊。。。
|
|
21
darkengine 350 天前
@qcbf111 可能他们还没接受“大前端”这个概念 😂
|
 |
22
xiaotuzi 350 天前
我也差不多全栈了，我也没有系统学过前端。就目前而言，会用 vue 脚手架，但是写一些页面还是挺费时间的，我总是写不好，感觉前端真的好麻烦。。。
|
 |
23
zangbianxuegu 350 天前
如果是 UI -> 前端页面，从前端角度看，反而 0-1 简单，HTML 写结构、引入 CSS 写样式，引入 js 交互，如果 UI 是 PSD ，需要会运用图片。不过前端知识很杂，需要慢慢积累。
如果是 Vue 0-1 ，具体是什么呢？按照官网快速上手创建应用算不算 0-1 呢？如果是从 0 到开源项目那种程度，可能前置需要了解数据驱动、响应式原理、Vue 实现原理、Webpack 、Vite 、Node.js 等等，然后是路由、状态管理、样式、组件库等等，所以，每一部分的内容都很多。 |
 |
24
Dogtler 350 天前
作为后端 感觉前端我只会在原基础上小幅度改动，大规模 0-1 独自开发还是很费劲
|
 |
27
sentinelK 350 天前
不知道楼主说的 0 ~ 1 具体指的是什么？
是界面设计到页面布局设计的规划？ 是对于控件封装复用，页面生命周期的规划？ 是创建 web 项目的技术选型与项目代码结构？ 这三者其实都没有通解。 都要根据你当时的人力条件、项目需求、界面复杂度来决定。 举个例子，大厂的优质产品线，前端团队都是有一套自己的前端标准的，由前端标准衍生定制 UI 设计工具，然后设计 UI 再生成界面结构。 这是大厂的人力结构与团队规模决定的，小作坊这么玩你控件还没封装完呢，你做的产品行业都已经暴雷消失了。 |
 |
28
abelmakihara 349 天前
@ZZ74 蓝湖和 figma 自动生成的代码只能参考字体边框这种
宽高布局一般还是要自己写的 用子元素撑开不写固定宽高 |
 |
29
BwNVlwSq 349 天前
找几个设计稿，写代码还原出来
|
 |
30
wohefengyiyang OP @darkengine 这样类似的我已经做过很多了，就是 github 魔改，也就是我所说的 1-->n, 但是因为自己没有在公司做过前端，不清楚项目早期的一个流程是什么样的，以及怎么做，比如怎么请人做 ui,然后我前端怎么直接用这些 ui 之类的
|
|
31
wohefengyiyang OP @zangbianxuegu 个人来看，我缺少的是前者，有关 vue 的我了解的还行
|
|
32
wohefengyiyang OP @sentinelK 我自己对这个概念其实也比较模糊，因为不懂一个东西的时候我也不好描述清楚他到底是什么，但是就是觉得自己二开一个项目很简单，从 0 开始的早期工作让我很是头痛，层主所说的第一个问题是在我认为的 0-->1 之内的
|
|
33
wohefengyiyang OP 因为加入社区不到 1 年，没法批量回复大家的回答，很是麻烦。所以有些层主的回复我没回答，还望谅解
|
|
34
wohefengyiyang OP 因为加入社区不到 1 年，没法批量回复大家的回答，很是麻烦。所以有些层主的回复我没回答，还望谅解
@qcbf111 并不是，只是个人主要从事 web 开发，所以在描述上可能有些误差 |
|
35
zangbianxuegu 349 天前
@wohefengyiyang 那感觉像是写页面布局样式的问题，可以新创建应用写一个你二开项目中的页面试试。
|
 |
36
jones2000 349 天前
截个设计稿图给 GTP, 代码不就生成好了嘛， 然后自己再改改不就完事了。 会 js 不就行了。 其他也没什么好学的呀。
|
 |
37
qloog 349 天前
好话题，我好像也没怎么从从 0 到 1 过，需要时现学现查，没有太系统的学习过。
|
 |
38
zhangk23 349 天前
需要什么学什么，不需要系统过一遍，但凡你业务上遇到的问题 谷歌都可以解决
|
Select Language