非计算机专业的人学前端需要掌握一些基础知识，并通过实践来巩固所学内容。以下是一些建议的学习步骤和资源：
学习基础知识
HTML5：用于创建网页的结构。
CSS3：用于网页的样式和布局。
JavaScript ES6：用于网页的交互和动态内容。
选择编程语言
虽然JavaScript是前端开发的核心语言，但了解其他语言如Python、Java等也会有所帮助，尤其是在未来的职业发展或需要处理后端任务时。
学习框架和库
Vue.js或 React：目前主流的前端框架，用于构建复杂的单页应用（SPA）。
TypeScript：JavaScript的超集，添加了静态类型检查，有助于提高代码质量。
实践和项目
通过实际项目来应用所学知识，可以是通过GitHub等代码托管平台参与开源项目，或是自己开发小项目。
参与线上社区和论坛，与其他开发者交流，获取帮助和反馈。
持续学习
前端技术更新迅速，需要保持持续学习的态度，关注最新的技术趋势和工具。
利用在线资源
参加线上培训班或课程，如慕课网、极客时间等提供的前端课程。
阅读官方文档和教程，如MDN Web Docs（https://developer.mozilla.org/）。
观看视频教程，如在YouTube、Bilibili等平台上的前端开发视频。
掌握基本计算机知识
学习一些基本的计算机科学知识，如数据结构、算法、计算机网络等，这些知识有助于更好地理解前端开发中的某些概念。
通过以上步骤，非计算机专业的人也可以逐步掌握前端开发技能，并在实际项目中应用所学知识。建议从基础知识开始，逐步深入到框架和项目实践，同时保持对新技术的关注和学习。