`

前端入门必备的一些技能

 
阅读更多

前端必备的技能
以下是个人觉得入门阶段应该熟练掌握的基础技能
HTML4,HTML5语法、标签、语义
CSS2.1,CSS3规范,与HTML结合实现各种布局、效果
Ecma-262定义的javascript的语言核心,原生客户端javascript,DOM操作,HTML5新增功能
一个成熟的客户端javascript库,推荐jquery
一门服务器端语言:如果有服务器端开发经验,使用已经会的语言即可,如果没有服务器端开发经验,熟悉Java可以选择Servlet,不熟悉的可以选PHP,能实现简单登陆注册功能就足够支持前端开发了,后续可能需要继续学习,最基本要求是实现简单的功能模拟,
HTTP
在掌握以上基础技能之后,工作中遇到需要的技术也能快速学习
基本开发工具
文本编辑器:推荐Sublime Text,支持各种插件、主题、设置,使用方便
浏览器:推荐Google Chrome,更新快,对前端各种标准提供了非常好的支持
调试工具:推荐Chrome自带的Chrome develop tools,可以轻松查看DOM结构、样式,通过控制台输出调试信息,调试javascript,查看网络等
辅助工具:PhotoShop编辑图片、取色,fireworks量尺寸,AlloyDesigner对比尺寸,以及前面的到的Chrome develop tools,
学习方法和学习目标
方法:
入门阶段反复阅读经典书籍的中文版,书籍中的每一个例子都动手实现并在浏览器中查看效果
在具备一定基础之后可以上网搜各种教程、demo,了解各种功能的实际用法和常见功能的实现方法
阅读HTML,CSS,Javascript标准全面完善知识点
阅读前端牛人的博客、文章提升对知识的理解
善用搜索引擎
目标:
熟记前面知识点部分的重要概念,结合学习经历得到自己的理解
熟悉常见功能的实现方法,如常见CSS布局,Tab控件等。
继续提高
有了前面的基础之后,前端基本算是入门了,这时候可能每个人心中都有了一些学习方向,如果还是没有。 可以参考前面必备技能部分提到的那两个项目,从里面选一些进行发展学习。以下是一些不错的方面:
Grunt:前端自动化工具,提高工作效率
less css:优秀的CSS预处理器
bootstrap:优秀的CSS框架,对没有设计师的团队很不错,与less结合使用效果完美
requirejs:AMD规范的模块加载器,前端模块化趋势的必备工具
Node.js:JavaScript也可以做后台,前端工程师地位更上一步
AngularJS:做Single Page Application的好工具
移动端web开发:智能手机的普及让移动端的流量正在逐步赶超PC端
Javascript内存管理:SPA长期运行需要注意内存泄露的问题
High Performance JavaScript(Build Faster Web Application Interfaces)
Best Practices for Speeding Up Your Web Site:重要技能

分享到:
评论

相关推荐

    前端er必备技能 - 前端调试通关秘籍

    作为前端开发者,我们都知道调试是一项必不可少的技能,它能帮助我们解决琐碎的 bug、提高代码质量并加速项目的开发进程。但是,调试并不总是一帆风顺,有时候我们可能会被不明确的错误信息或复杂的代码逻辑困扰。...

    前端开发入门必备的手册.rar

    这份"前端开发入门必备的手册.rar"压缩包包含了一些核心的学习资源,旨在帮助初学者或有经验的开发者巩固和提升他们在前端开发中的技能。以下是这些技术的详细介绍: 1. **Bootstrap**:这是一个流行的开源前端框架...

    前端学习必备书籍

    本资源包“前端学习必备书籍”集合了HTML5经典读物和Node.js入门教材,为想要深入学习前端开发的个人提供了一条系统化的学习路径。 首先,HTML5作为现代网页开发的基础,其重要性不言而喻。HTML5不仅增强了语义化...

    前端工程师必备前端开发资源必备.rar

    这个名为“前端工程师必备前端开发资源必备.rar”的压缩包,显然是为希望深入理解或提升前端技能的人士准备的。以下是一些关键的前端开发知识点,这些内容可能包含在这个压缩包内: 1. HTML(超文本标记语言):...

    前端入门和进阶学习笔记超详细的图文教程

    学习如何选择元素、修改属性、添加和删除节点,以及监听和触发事件,是前端开发中的必备技能。 四、前端框架 随着前端开发复杂性的增加,诸如React、Vue和Angular这样的框架应运而生。它们提供了更高效的方式来组织...

    web-skill-set, 前端技能栈 - 前端开发入门、进阶的参考指南.zip

    这个压缩包包含了一个名为 "web-skill-set-master" 的文件夹,里面很可能包含了丰富的学习资料,如教程文档、代码示例、练习项目等,旨在帮助学习者全面掌握前端开发的必备技能。 前端开发是将网站设计转化为实际可...

    web前端.pdf 笔记

    1. **前端基础知识**:文档首先介绍了前端入门的必备知识,包括前端的定义、前端工程师的角色和职责,以及前端技术栈的基础组成,如HTML、CSS和JavaScript等。同时,还提到了PC与手机页面在设计和实现上的差别,以及...

    Web前端入门和进阶学习笔记超详细的前端学习图文教程

    总的来说,这份"Web前端入门和进阶学习笔记超详细的前端学习图文教程"会带你走过从基础到高级的整个前端开发旅程,让你具备成为一名Web全栈工程师所需的知识和技能。通过系统学习并实践,你可以掌握构建现代Web应用...

    前端javascript入门学习思维导入

    10. **响应式设计与跨平台开发**:随着移动互联网的发展,理解媒体查询、Flexbox或Grid布局,以及React Native、Flutter等跨平台开发技术,是现代前端开发者的必备技能。 通过"前端JavaScript入门学习思维导图",你...

    网页设计必备,入门必备

    "网页设计必备,入门必备" 这个标题表明了本资源针对的是那些希望踏入网页设计领域的初学者,它提供了一条快速学习的途径,让初学者能够轻松上手。 描述中提到的“这个软件”可能是指一个教学软件或是一套包含多种...

    web网页实例,入门必备

    【标题】:“web网页实例,入门必备” 这个标题暗示了我们即将探讨的是关于Web网页开发的基础知识,特别适合初学者。Web网页是互联网的核心组成部分,它由HTML、CSS和JavaScript等技术构建,允许用户与服务器进行...

    全套前端新手入门API中文帮助文档

    MySQL是一个关系型数据库管理系统,学习SQL查询语言和事务管理是必备技能。 7. **JavaEE**:Java企业版提供了一整套开发企业级Web应用的框架和服务。这可能包括Servlet、JSP、JavaBeans、EJB(Enterprise JavaBeans...

    web前端

    本篇文章将深入探讨Web前端入门所需掌握的基础知识。 1. HTML(HyperText Markup Language):HTML是构建网页内容的基础语言,它通过标签来描述网页结构,如标题、段落、图像等。学习HTML,你需要理解各种元素的...

    Web-前端html+css从入门到精通 164. column分栏布局.zip

    在Web前端开发中,HTML和CSS是构建网页的基础。本知识点主要聚焦于“column分栏布局...同时,了解如何通过媒体查询(Media Queries)实现响应式设计,以适应不同的屏幕尺寸和设备类型,也是现代前端开发者必备的技能。

    WEB前端项目开发实践

    4. 响应式设计:随着多设备浏览的需求,响应式设计成为现代前端开发的必备技能。通过媒体查询和流式布局,确保网站在不同设备上都能良好显示。 5. 框架与库:前端开发中常用的框架有React、Vue、Angular等,它们...

    ajax入门必备,现代网站必备技术

    **Ajax 入门指南** ...总之,掌握Ajax是现代前端开发者的基本技能,它极大地提升了网页的交互性和效率,使得网页变得更加智能和动态。通过学习和实践,你将能够利用Ajax构建出更加高效和用户友好的Web应用程序。

    JavaScript入门必备

    本教程“JavaScript入门必备”旨在为初学者提供一个全面且实用的起点,帮助他们快速掌握JavaScript的核心概念和实际应用。 一、变量与数据类型 JavaScript支持多种数据类型,包括基本数据类型(如字符串、数字、...

    黑马程序员前端小白零基础入门HTML5+CSS3

    HTML5和CSS3是现代网页开发的基石,是前端开发者必备的技能。本教程"黑马程序员前端小白零基础入门HTML5+CSS3"专为初学者设计,旨在帮助那些对前端开发感兴趣的朋友们从零开始学习这两门技术。 HTML5是超文本标记...

Global site tag (gtag.js) - Google Analytics