网站前端主要掌握的就是：
1、，标记语言，用来搭建页面的布局，如同架构
2、css，样式档案，用来实现页面的布局效果，如同装饰
3、js，JavaScript指令码，用来实现效果和客户的响应和介面互动，如同交流
4、ps，Photoshop，前端设计，会简单的切图
我们都知道网站开发分为 前端（客户端）和 后端（伺服器端）两个部分。网站开发 后端 更多的是与资料库进行互动以处理相应的业务逻辑。需要考虑的是如何实现功能、资料的存取、平台的稳定性与效能等。至于 前端，在这里泛指Web前端，也就是在Web应用中使用者可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的互动实现。主要负责实现视觉和互动效果，以及与伺服器通讯，完成业务逻辑。它的核心价值在于实现使用者体验，大型网际网路公司的使用者体验部门，一般会包括使用者研究、互动设计、前端技术和视觉设计等方面的内容。
作为一名网站前端开发者，以下的知识是不可或缺的：
1HTMLHTML即HyperText Markup Languag，超级文字标记语言。这是网站开发中最简单的，也是最基础的内容，几乎所有的开发者都必须首先经历这个环节。必须要熟练掌握div、form、table、li 、p、span、font等等标签，这些都是最常用的。其中尤其需要注意div和table这两个，算是用到最多的内容。div用于布局；table用来和资料打交道（虽然table也可以用于布局,但是并不灵活）。
2CSSCSS即Cascading style Sheets层叠样式表，其中css3我们先不谈。CSS主要用于辅助来布局和展示，我们称之为“css样式”。对于css要掌握的内容主要包括float、position、width、height、overflow、margin、padding等等,这些都是跟布局有关系的样式。不管你用什么工具软体制作网页，其实都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，为什么同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB，CSS在其中的作用是不言而喻的。
3JSJS即JavaScript，作为一种直译式指令码语言，是一种动态型别、弱型别、基于原型的语言，内建支援型别。它的直译器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的指令码语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。我们所讲的前两个内容都很基础，接下来的东西可能接受起来有难度，但是事实上js入门算是比较简单的,不需要会很多东西的。基础点的内容只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加资料、追,这个是跟资料有关系的操作,之后资料逻辑判断。至于效果方面的,无非就是跳转、弹框、隐藏什么的。当然，这些东西单独拿出来比较简单，但是实际中几乎没有这么简单的情况，很多时候都需要把这些各种各样地结合起来。
4JQueryJQuery说白了是一个JavaScript（JS）框架，相当于把js封装了一套的一个js外挂，目的就是操作起来更方便,程式码写的更少,它支援JS的常规操作以及一些扩充套件，比如图形等，对JSON格式也能很好的解析，ajax也做了封装，语法也比较简单。功能十分强大。jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的程式码。不好的地方是它将js语法与开发人员完全隔离，也就说你开发几年JQuery后还会不会用纯 程式设计都是个问题。
5CSS3+HTML5这是最近比较流行的内容了。HTML5在原有的基础上新增和移除了一些元素，提供了对表单的强大支援。它并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视讯，音讯，图象，动画，以及同电脑的互动都被标准化。CSS3对于我们Web开发者来说不只是新奇的技术，更重要的是这些全新概念的web应用给我们带来更多无限的可能性，也极大地提高了我们的开发效率。我们将不必再依赖图片或者Javascript 去完成圆角、多背景、使用者自定义字型、3D动画、渐变、盒阴影、文字阴影、透明度等提高Web设计质量的特色应用。
6简单后台语言作为一名前端开发者不仅需要掌握上面讲的有关前端的知识，还必须懂一点后台语言,比如java、php等等。因为前台介面的资料都是从后台来的,我们必须知道怎么跟后台互动资料。这样不仅能够节约时间，还可以让前端程式码更规范，让后台开发者减少一些不必要的麻烦。否则的话，可能因为前台的写法和后端给来的资料不能结合上,导致前端程式码必须重新编写。
1、DREAMWAVER,PHOTOSHOP,FLASH
2、掌握运行于前端的语言是必要的，他们是:CSS,HTML,JAVASCRIPT
3、学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。
4、学习JavaScript的基本语法，以及如何使用JavaScript程式设计将会提高开发人员的个人技能。
5、了解Unix和Linux的基本知识虽然这两点很基础，但是开发人员了解Unix和Linux的基本知识是有益无害的。
6、了解Web伺服器Apache的基本配置，htaess配置技巧有一些掌握的话，将来必定受益，而且这方面的知识学起来也相对容易。
Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在网际网路的演化程序中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，使用者使用网站的行为也以浏览为主。
1、Dreamweaver编辑工具
2、程式码的熟练度
3、div+css的灵活运用
4、简单的PS操作
5、逻辑思维和动手操作能力
网页程式码
程式码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站介面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在效能问题，而有些方案则更易于维护，而且效能也比较好。这里的关键影响因素就是程式码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对程式码质量的要求也不同，但它们之间又有着千丝万缕的联络。 而前端开发的效能优化往往是后台的专属，但是作为前端开发的效能是极其的重要的。一个优秀的前端开发工程师写出来的程式码能够让伺服器压力小，承载能力翻倍，请求次数更少，合理的布局等等，这是一个普通的前端开发人员所做不到的。
在网上搜一些关于seo的知识就行了，没有必要单独买书，书上很多内容也许都过时了。
网站开发 后端 更多的是与资料库进行互动以处理相应的业务逻辑。需要考虑的是如何实现功能、资料的存娶平台的稳定性与效能等。
你这问题百度一搜一大把出来，我就不复制给你了；
不过你说的app是指webapp还是原生app，如果是webapp那就简单了，掌握前端知识就可以，原生app的话，那就不一样了