美文网首页
【前端】-001-入门

【前端】-001-入门

作者: 9756a8680596 | 来源:发表于2016-12-19 23:08 被阅读16次

互联网公司产品研发流程

  1. 简单产品:

    需求-->产品-->交互-->视觉-->前端-->后端-->测试-->上线

  2. 复杂系统:

    需求-->产品-->交互--(前端+后端)-->视觉-->测试-->上线

可以看到,得益于工作流程的细化,前端和后端的工作流程提前了,在交互完成后就可以开始前端的页面架构和后端的API功能的开发,等到视觉稿完成,前端在还原视觉效果即可。

前端的工作内容

  1. 前端开发=交互稿和视觉稿还原=实现线上可用产品
    . 交互稿,体现了信息流、信息架构以及产品的操作逻辑,对应前端的页面逻辑开发
    . 视觉稿,体验了可见的元素配色、属性等内容,对应前端的页面制作

  2. 页面制作
    . PS 切图
    . HTML+CSS

  3. 页面逻辑开发
    . JavaScript
    . DOM 编程

前端的学习路径

  1. 基础课程
    . 页面制作:HTML+CSS-->页面结构
    . 页面逻辑:JavaScript-->DOM
  2. 终极课程:产品前端架构

相关文章

  • 【前端】-001-入门

    互联网公司产品研发流程 简单产品:需求-->产品-->交互-->视觉-->前端-->后端-->测试-->上线 复杂...

  • Metal入门003-案例:渲染背景色

    Metal入门001-初识MetalMetal入门002-Metal相关API 本文通过渲染背景色这个小案例,展现...

  • Metal入门002-Metal相关API

    Metal入门001-初识Metal 1. MTKView MTKView官方文档 在MetalKit中提供了一个...

  • 前端入门系列

    前端HTML & CSS 基础入门(1)初识 前端HTML & CSS 基础入门(2)段落及文本 前端HTML &...

  • 前端工程化

    前端入门简单,做好难。 前端工程化,势在必行。

  • 000--【docker】开局

    1、写在前面的话 别假装努力,生活不会陪你演戏! 2、学习列表 001-【docker】基础知识入门 002-【d...

  • animation参考

    web前端入门到实战:10分钟入门 CSS3 Animation - 前端天宇的文章 - 知乎https://zh...

  • 零基础转行自学前端,怎么学习更系统?

    凭借应用广泛、入门简单的优势,Web前端吸引了人们的广泛关注。学习Web前端就业薪资高,因此很多人都想入门前端开发...

  • protobuf基础教程

    前端protobuf入门 此文只讲述web前端与后端使用protobuf进行数据交互的基础与入门教学,更加详细的内...

  • 新手如何入门学习前端?

    Web前端入门的自学路线 新手入门前端,需要学习的基础内容有很多,如下。 一、HTML、CSS基础、JavaScr...

网友评论

      本文标题:【前端】-001-入门

      本文链接:https://www.haomeiwen.com/subject/txztvttx.html