随着Web前端的风行于世，有许多小伙伴加入了前端开发行业，但是有很多小伙伴想学Web前端很久了
在朝阳县等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站设计、做网站 网站设计制作按需网站设计,公司网站建设,企业网站建设,品牌网站设计,全网营销推广,成都外贸网站制作,朝阳县网站建设费用合理。
首先，Web工程师要入门必须要了解前端、后端、后台的基本概念，同时要了解基本的html、css和javascript语法，最后根据设计师的设计图在不考虑兼容性的情况下把页面做出来。
其次，你可以把html、css和javascript分成三个阶段进行学习。
第一阶段：HTML的学习
Html是超文本标记语言，英文全称为HyperText Mark-up Language，这是一个网页的骨架。静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。
当然，学习html过程是比较枯燥乏味的，所以你需要更有效的学习策略。依w3cschool看来，你可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，想必会比单纯记忆HTML标签和属性有趣、有用的多吧?
第二阶段：CSS的学习
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。
学习css建议可以看相关的一些书籍，如《CSS权威指南》(很详细、很经典!)、《CSS揭秘》 《精通CSS：高级Web标准解决方案》，博客和专栏等也可以浏览。
第三阶段：JavaScript的学习
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，进而实现客户端的特效、验证、交互等。
建议可以看《javascript语言精粹》，js是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕。如果是精华部分，我们在后续进阶部分可以深入研究，而如果是糟粕部分，那么只要大概看懂别人写的渣代码就可以，自己还是不要尝试为妙。
通过这三个阶段的学习，我们就可以往更高级的web前端工程师进阶了!
第一：对于Java面向对象概念的理解。学习Java的第一个难点就是如何理解Java的面向对象编程概念，涉及到类、接口、多态等概念。在理解这些Java开发概念的过程中，应该从Java面向对象编程过程入手，涉及到类的定义、对象的创建和方法的调用，在这个基础上可以逐渐形成自身的Java编程思想。
第二：对于Java模块化编程的理解。Java是抽象程度比较高的编程语言，所以对于初学者来说，可以先从模式编程入手，然后进一步提升自身对于模块化编程的理解。对于Java程序员来说，模块化编程能力对于自身的Java开发能力有非常直接的影响。另外，在理解Java模块化编程的过程中，也会逐渐提升自身的抽象能力。
第三：Java的开发框架。Java开发与开发框架有非常紧密的联系，初学者可以先从Spring开发框架开始学习，比如从SpringBoot开始学起就是不错的选择。Spring系列框架当前已经非常庞大了，基于Spring也能够完成“一站式”解决方案。Spring框架的学习过程并不复杂，但是需要完成一系列实验。
书籍的话，推荐看下我们出版的图书《实战Java程序设计》
这是一本既注重实战，同时也注重底层“内功”（内存分析、JVM底层、数据结构）训练的书。非常实用！
希望能帮到你，望采纳！
两者的总体关系是jQuery是JavaScript的一个类库。即把JavaScript中的一些功能封装成方法，将一些DOM对象重新封装，是的开发人员使用起来更加快捷方便。
jQuery相对于JavaScript有很大优势：
1、轻量级
JQuery非常轻巧，采用Dean
Edwards编写的Packer压缩后，大小不到30KB,如果使用Min版并且在服务器端启用Gzip压缩后，大小只有18KB。
2、强大的选择器
JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及JQuery独创的高级而且复杂的选择器，另外还可以加入插件使其支持XPath选择器，甚至开发者可以编写属于自己的选择器。由于JQuery支持选择器这一特性，因此有一定CSS经验的开发人员可以很容易的切入到JQuery的学习中来。
3、出色的DOM操作的封装
JQuery封装了大量常用的DOM操作，使开发者在编写DOM操作相关程序的时候能够得心应手。JQuery轻松地完成各种原本非常复杂的操作，让JavaScript新手也能写出出色的程序
4、可靠的事件处理机制
JQuery的事件处理机制吸收了JavaScript专家Dean
Edwards编写的事件处理函数的精华，是的JQuery在处理事件绑定的时候相当可靠。在预留退路、循序渐进以及非入侵式编程思想方面，JQuery也做得非常不错。
5、完善的Ajax
JQuery将所有的Ajax操作封装到一个函数$.ajax（）里，使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。
6、不污染顶级变量
JQuery只建立一个名为JQuery的对象，其所有的函数方法都在这个对象之下。其别名$也可以随时交流控制权，绝对不会污染其他的对象。该特性是JQuery可以与其他JavaScript库共存，在项目中放心地引用而不需要考虑到后期的冲突。
7、出色的浏览器兼容性
作为一个流行的JavaScript库，浏览器的兼容性是必须具备的条件之一。JQuery能够在IE6.0+,FF
2+,Safari2.+和Opera9.0+下正常运行。JQuery同时修复了一些浏览器之间的的差异，使开发者不必在开展项目前建立浏览器兼容库。
《JavaScript语言精粹修订版》百度网盘pdf最新全集下载:
链接：
?pwd=e2k5 提取码：e2k5
简介：JavaScript 曾是“世界上误解的语言”，因为它担负太多的特性，包括糟糕的交互和失败的设计，但随着Ajax 的到来，JavaScript“从受误解的编程语言演变为非常流行的语言”，这除了幸运之外，也证明了它其实是一门优秀的语言。Douglas Crockford 在本书中剥开了JavaScript 沾污的外衣，抽离出一个具有更好可靠性、可读性和可维护性的JavaScript 子集，让你看到一门优雅的、轻量级的和非常富有表现力的语言。作者从语法、对象、函数、继承、数组、正则表达式、方法、样式和优美的特性这9 个方面来呈现这门语言真正的精华部分，通过它们完全可以构建出优雅高效的代码。作者还通过附录列出了这门语言的毒瘤和糟粕部分，且告诉你如何避免它们。最后还介绍了JSLint，通过它的检验，能有效地保障我们的代码品质。
一般说的是 typescript 跟coffeescript。
typescript
1、什么是typescript？和JavaScript有什么关系？
1、它是一门独立的语言，实现了自己的编译器
2、它的目标代码是JavaScript(很多语言的目标代码是机器码)
3、支持on-the-fly（实时）编译，即写一句typescript就可以立即得到相应的JavaScript
4、typescript是JavaScript的超集：任何合法的JavaScript都是合法的typescript，更准确地说，任何合法的ES6都是合法的typescript
2、typescript的特性
正如C++的涉及初衷是“更好的C”，typescript也可被看做“更好的JavaScript”
TypeScript充分利用了JavaScript原有的对象模型并在此基础上做了扩充:
添加了较为严格的类型检查机制
添加了模块支持和API导出的能力
比起JavaScript，TypeScript提供了更多在语言层面上的支持，使得程序员能够以更加标准化的语法来表达语义上的约束，从而降低了程序出错的机率
TypeScript也使得代码组织和复用变得更加有序，使得开发大型Web应用有了一套标准方法
3、总结
typescript是现今对JavaScript的改进中，唯一完全兼容JavaScript并作为它的超集存在的解决方案
coffeescript
百度百科将其定义为：JavaScript的转译语言
CoffeeScript语法类似 Ruby ，可以被编译成 JavaScript
CoffeeScript取JavaScript之精华，而抛弃了诸如全局变量声明、with等容易出错的部分
CoffeeScript是JavaScript与程序员之间的桥梁，程序员看到的是优雅的CoffeeScript接口，使得编程更简洁，写法更随意。
你根本就不了解javascript，知道为什么非得用javascript么？因为你没有选择，现在越来越流行，用的越来越多。你根本就不知道javascript的强大之处，在javascript中，美丽的、优雅的语言特性，就像珍珠和一堆鱼目混杂在一起一样。任何语言都有精华和鸡肋部分，但是javascript中的鸡肋部分的比重超出了预料，在短到令人吃惊的时间里，js从不存在发展到全球采用，它从没有被试用和打磨，基于某种目的，还在非常粗糙的时候，就被直接集成到浏览器中，这是js被误解的原因之一。JavaScript的功能也可以使用其他工具实现？你给我举一个例子我听听
