首页
技术博客
PHP教程
数据库技术
前端开发
HTML5
Nginx
php论坛
新用户注册
|
会员登录
PHP教程
技术博客
编程问答
PNG素材
编程语言
前端技术
Android
PHP教程
HTML5教程
数据库
Linux技术
Nginx技术
PHP安全
WebSerer
职场攻略
JavaScript
开放平台
业界资讯
大话程序猿
登录
极速注册
取消
热门标签 | HotTags
spring
get
byte
python
subset
tree
hook
metadata
node.js
nodejs
perl
format
fetch
window
header
js
merge
require
md5
integer
heap
triggers
bash
command
search
main
dagger
emoji
audio
join
php
php5
ascii
go
sum
eval
web
text
foreach
utf-8
filter
lua
include
regex
string
settings
install
vbscript
copy
timezone
scala
datetime
replace
buffer
random
list
timestamp
heatmap
netty
hashset
tags
chat
stream
cSharp
php8
callback
rsa
javascript
iostream
export
bit
instance
case
express
match
java
future
golang
grid
当前位置:
开发笔记
>
编程语言
> 正文
2013年前端开发者如何提升自己
作者:笑竹舞 | 来源:互联网 | 2023-05-18 13:43
本文来自ITEYE大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战,毕竟我们需要的信息在数量上过于庞大。2012年里,伴随着前端发展的是大量的革命性突破和对前端的重新定义。
本文来自
ITEYE
大部分人非常在意个人在技术上的提升。但是保持对新技术的了解是一项不小的挑战, 毕竟我们需要的信息在数量上过于庞大。2012年里,伴随着前端发展的是大量的革命性突破和对前端的重新定义。
我们在实践的路上飞速前进,具体的进步体现在使用抽象化,优秀的代码质量,维护性上的提升以及更好的性能。如果你实在忙到没有时间来跟上最新的技术,不用担心。
随着假日的来临,我们就有了一些空闲的时间可以自己支配,我想,如果我把我收集的前端相关的精品讨论列表分享出来,那一定会对大家有一些帮助。你不需要把所有的都阅读一遍,但是这些相关的建议会让你了解更多相关的知识,为明年成为一名更好的前工程端开发师做准备。
以下是一些关于前端开发的优秀的PPT,你可以通过文中的链接来访问。
一、基础部分
走在技术前沿的方法
PPT:
How to Stay Up to Date on Web Stuff
, Chris Coyier
即使技术相关的理念会不断变化,我们依然可以做到让自己处于技术的前沿。
确保你的开发模式已经跟上时代
PPT:
A New Baseline for Front-End Developers
, Rebecca Murphey
曾经在我们编辑文件的时候,本地测试完然后传到ftp上是最常规的做法。我们通过一个前端是否能编写一个兼容ie6的页面来判断他的前端水平。我们在html,css和Javascript中的技术都不够强悍。
这样的情况在近几年有了很大的转变,随着工作方式的改进和各类工具的推出。前端开发越来越受到重视,这个主题讲解了前端在开发中的新起点。
二、前端开发工程师的新起点
理解浏览器在屏幕后面的工作原理
PPT:
So, You Want to Be a Front-End Engineer
, David Mosher (
Video
)
有些人会说,浏览器是他所知道的开发平台中最不稳定的一个。如果你是一个客户端开发工程师,理解浏览器内部工作原理会帮助你作出更好的决定,并且你也会赞叹那些最佳实践背后的种种辩论。在这个今年最好的主题之一里,david mosher会待你了解浏览器的解析和页面的渲染。
了解web平台现在需要提供什么
PPT:
Tooling for the Modern Web App Developer
, Addy Osmani
web在不断的进化,了解这个平台中新出的技术不是一件容易的事情。html5的新特性让我们可以构建一个完全崭新的web应用,包含很多以前无法实现的特性(至少,在没有插件的情况下)。
在这个主题中,我的队友eric会带你了解html5的痛苦边缘,关注很多解决现实世界问题的方案。你会了解媒体流,设备输入,现代css设计,媒体捕捉,文件i/o等等。
三、工作方式
web app开发工程师的工作方式
无论你在使用coffeescript还是Javascript,less还是sass,构建一个好的web应用在现在需要大量引用外部资源,框架,工具和结合工具来将他们整合到一起。简单地说,你需要一个打屁股用的实用腰带。
在这个主题中,你会了解到当前前端系统的概况,并学习到一个新工具来整合这些系统,叫做yeoman。
你还可以访问这个主题的扩展版本。
PPT:
Tooling For The Modern WebApp Developer
web设计师的工作方式
PPT:
A Modern Web Designer’s Workflow
, Chris Coyier (
Video
)
今天我们对web构架师的要求很高。如果在以前,这个岗位名称已经表达了它所对应的工作,但是现在不仅仅是视觉设计岗位,甚至涉及到交互的构建。设计师需要考虑不同形状,不同尺寸,不同连接方式的不同设备,并且这些设备下都要能正常工作。
作为一个设计师,你通常需要在团队之间沟通和分享代码,并且需要了解很多不同的技术。在这个主题中,chris coyier会说到很多令人赞叹的工具来帮助手头的工作更加顺利地完成,还会讨论应该做些什么来提供一个高水准的现代工作流。
移动web开发的工作方式
PPT:
Mobile Web Developers Toolbelt
, Pete Le Page (
Video
)
移动端开发和PC端开发有很大的不同,这个主题讲述了各种工具来让移动web开发更加方便,让移动web开发更加容易。
如何调试
PPT:
Secrets of the Chrome DevTools
, Patrick Dubroy (
Video
)
深度了解谷歌开发者工具
四、面向未来的开发
CSS
PPT:
The CSS of Tomorrow
, Peter Gasston
这个主题介绍了CSS给你现在的开发带来了什么,作为一个CSS程序员,如何利用CSS3来实现面向未来的开发。
Javascript
PPT:
The Future of Javascript
, Dave Herman
了解ES6的新特性,以及使用方式
WEB APPLICATIONS
PPT:
Web Components and the Future of Web App Development
, Eric Bidelman
如何更好地将各种新技术整合到你的web应用中。
五、CSS
CSS领域中的艺术
PPT:
All the New CSS Hawtness
, Darcy Clarke
这个主题介绍了最新的CSS实现以及相关的标准,并且学习到这些新的CSS技术是如何改变我们的日常开发。
模块化CSS
PPT:
Your CSS Is a Mess
, Jonathan Snook
大部分人的CSS代码都是一团糟,在这个主题中,你会知道如何解决CSS的模块化问题,方便管理和维护。
CSS的预处理器
PPT:
CSS Pre-Processors
, Bermon Painter
如果你还没有用过CSS预处理器,那你就OUT了。这个主题会对比较流行的几个CSS预处理器进行概述。
文档
PPT:
A Better Future With KSS
, Kyle Neath
本主题介绍了Kyle的一个工具,KSS,用于生成CSS文件的文档和代码格式化。
六、Javascript
代码风格的重要性
PPT:
Maintainable Javascript
, Nicholas Zakas
编写有趣的Javascript代码和编写专业的Javascript代码是两码事,在Zakas的这个主题中,你会学习到如何做到编写可持续性维护的Javascript代码
构建大规模的APP
PPT:
SoundCloud’s Stack
, Nick Fisher
这个主题中,来自
SoundCloud
的Nick Fisher会介绍他们公司开发一个大规模Javascript APP的故事,并且分享他们的开发步骤以及如何提高开发效率。
重新思考应用的结构
PPT:
Re-Imagining the Browser With AngularJS
, Igor Minar
在这个主题中,你会了解如何将未来Web平台的力量使用到当前的Web应用中。
国际化
PPT:
Entschuldigen you, parlez vouz Javascript
, Sebastian Golasch (
Video
)
这个主题中,Sebastian介绍了从如何定位现实世界中的国际化问题,到如何用优雅的方式进行解决。
模式和原则
PPT:
The Plight of Pinocchio
, Brandon Keepers
我们需要将Javascript作为一门真正的语言,就需要能在Javascript上使用真正的语言会使用的各种最佳实践。Javascript不再是一门玩具语言。
什么时候来延迟(惰性)加载脚本
PPT:
How Late Is Later?
, Massimiliano Marcon
我们都知道延迟(惰性)加载脚本可以提高Web应用的加载时间,那么什么时候才是正确的时间来加载脚本呢?
七、移动Web开发
PPT:
Creating Responsive HTML5 Touch Interfaces
, Stephen Woods (
Video
|
Audio
)
如何去解决UI和用户间交互的问题,避免这些陷阱是很多应用开发者在未来需要面对的。
来自滚动条的挑战
PPT:
Embracing Touch: Cross-Platform Scrolling
, Mark Dalgleish (
Video
)
滚动效果是最流行的移动页面的方式。可惜滑动的效果总是不能与原生滚动条媲美。我们应该如何在移动浏览器上解决这个问题?
原生,HTML5和混合的应用
PPT:
Native, HTML5 and Hybrid Mobile Development
, Eran Zinman
这个主题中,Eran分享了他在跨平台开发中的经验。
性能,分布和facebook在HTML5上的实践
PPT:
On the Future of Mobile Web Apps
, Simon Cross
facebook利用HTML5做了什么?还有什么需要改进?
移动开发的调试工具
PPT:
Mobile Debugging
, Remy Sharp
响应式设计技术
PPT:
Responsive Web Design: Clever Tips and Techniques
, Vitaly Friedman
这个主题提供了响应式设计实现的概述。
八、Web Apps
离线的web应用
PPT:
Offline Rules
, Andrew Betts (
Video
)
如何在Web应用中做到客户端的存储,并且如何将其用在提高网站的体验上。
STATE OF THE ART
PPT:
Building Web Apps of the Future: Tomorrow, Today and Yesterday
, Paul Kinlan (
Audio
)
Paul介绍了如何构建面向未来的web app。
客户端存储
PPT:
Storage in the Browser
, Andrew Betts
应用缓存
PPT:
Application Cache: Douchebag
, Jake Archibald (
Video
)
如何利用Application Cache来构建你的网站
九、性能
CSS
PPT:
High-Performance CSS
, Paul Irish
找出那些影响页面性能的CSS,比如引发浏览器绘制至少多70毫秒的box-shadow,以及解决方案。
PPT:
GitHub’s CSS Performance
, Jon Rohan
避免JANK
PPT:
Jank-Free: In Pursuit of Smooth Web Apps
, Tom Wiltzius
JANK是指当动画顿卡,特效执行缓慢,或者页面滚动慢时的一种状态。该主题介绍了如何避免这些状态。
Web
PPT:
Building Faster Websites
, Ilya Grigorik
如何在网站的角度考虑整体性能的提升。
Javascript
PPT:
Breaking the Javascript Speed Limit With V8
, Daniel Clifford
如何打破V8执行脚本的速度限制。
十、测试
理解代码的不好的原因
PPT:
Why Our Code Smells
, Brandon Keepers (
Video
)
这个主题中,Brandon会介绍他日常的代码,寻找那些会引起问题的劣质代码,理解为什么会出现这些代码,并且这些代码意味着什么,最后介绍如何对其进行重构。
CURRENT STATE OF THE ART
PPT:
Javascript Testing: The Holy Grail
, Adam Hawkins (
Video
)
如何利用测试工具,来保证一个应用的体验。
提高代码的可测试性
PPT:
Writing Testable Javascript
, Rebecca Murphey (
Audio
)
十一、总结
花在思考自己技术提升上的时间是非常值得的。磨练的越多,你就更有机会去成为一名优秀的工程师。
这个列表不一定会覆盖今年所有优秀的PPT,不过还是希望能给大家提供一些指引。去阅读一些你感兴趣的。这样的阅读会提高你的能力,也希望能真正为你的日常开发提供帮助。
最后,祝大家享受节日,新的一年有更多的进步和突破。
开发者
web
文件
ftp
html
css
java
ip
ide
写下你的评论吧 !
吐个槽吧,看都看了
会员登录
|
用户注册
推荐阅读
js
如何压缩网站页面以减少页面加载时间
本文介绍了影响网站打开时间的两个因素,即网页加载速度和网站页面大小。重点讲解了如何通过压缩网站页面来减少页面加载时间。具体包括图片压缩、Javascript压缩、CSS压缩和HTML压缩等方法,并推荐了相应的压缩工具。此外,还提到了一款Google Chrome插件——网页加载速度分析工具Speed Tracer。 ...
[详细]
蜡笔小新 2023-12-09 09:17:00
get
工作经验谈之-让百度地图API调用数据库内容 及详解
这段时间,所在项目中要用到的一个模块,就是让数据库中的内容在百度地图上展现出来,如经纬度。主要实现以下几点功能:1.读取数据库中的经纬度值在百度上标注出来。2.点击标注弹出对应信息。3 ...
[详细]
蜡笔小新 2023-10-17 19:33:18
command
Kernel: XFS kernelbase.dll
本文主要分享【kernelbase.dll】,技术文章【Kernel:XFS】为【mzhan017】投稿,如果你遇到kernel相关问题,本文相关知识或能到你。kernelbase.dll ...
[详细]
蜡笔小新 2023-10-17 10:46:34
format
VScode格式化文档换行或不换行的设置方法
本文介绍了在VScode中设置格式化文档换行或不换行的方法,包括使用插件和修改settings.json文件的内容。详细步骤为:找到settings.json文件,将其中的代码替换为指定的代码。 ...
[详细]
蜡笔小新 2023-12-14 17:15:38
main
Nginx使用(server参数配置)
本文介绍了Nginx的使用,重点讲解了server参数配置,包括端口号、主机名、根目录等内容。同时,还介绍了Nginx的反向代理功能。 ...
[详细]
蜡笔小新 2023-12-14 17:08:34
main
Webpack5内置处理图片资源的配置方法
本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ...
[详细]
蜡笔小新 2023-12-14 15:39:51
main
P1651 塔 (动态规划) 的最大高度计算方法
本文介绍了P1651题目的描述和要求,以及计算能搭建的塔的最大高度的方法。通过动态规划和状压技术,将问题转化为求解差值的问题,并定义了相应的状态。最终得出了计算最大高度的解法。 ...
[详细]
蜡笔小新 2023-12-13 19:52:19
get
CEPH LIO iSCSI Gateway及其使用参考文档
本文介绍了CEPH LIO iSCSI Gateway以及使用该网关的参考文档,包括Ceph Block Device、CEPH ISCSI GATEWAY、USING AN ISCSI GATEWAY等。同时提供了多个参考链接,详细介绍了CEPH LIO iSCSI Gateway的配置和使用方法。 ...
[详细]
蜡笔小新 2023-12-12 10:10:14
js
解决MySQL数据库Error Code: 1030错误的方法和原因
本文介绍了解决MySQL数据库Error Code: 1030错误的方法和原因。通过检查文件权限和磁盘空间,注释掉innodb_force_recovery参数等步骤,可以解决无法插入数据和修改文件的问题。 ...
[详细]
蜡笔小新 2023-12-11 18:32:23
js
单页面应用 VS 多页面应用的区别和适用场景
本文主要介绍了单页面应用(SPA)和多页面应用(MPA)的区别和适用场景。单页面应用只有一个主页面,所有内容都包含在主页面中,页面切换快但需要做相关的调优;多页面应用有多个独立的页面,每个页面都要加载相关资源,页面切换慢但适用于对SEO要求较高的应用。文章还提到了两者在资源加载、过渡动画、路由模式和数据传递方面的差异。 ...
[详细]
蜡笔小新 2023-12-10 19:31:50
main
Oracle RAC数据库实例启动异常问题分析IPC Send timeout
近期,某用户在重启RAC一个节点的数据库实例时,发现启动速度非常慢。同时业务部门反馈连接RAC存活节点的业务也受影响。通过对日志的分析, ...
[详细]
蜡笔小新 2023-10-17 20:40:38
js
mui框架offcanvas侧滑超出部分隐藏无法滚动如何解决
web前端|js教程off-canvas,部分,超出web前端-js教程mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格 ...
[详细]
蜡笔小新 2023-10-17 20:40:03
search
python发送文件传输助手_python 通过 socket 发送文件的实例代码
{moduleinfo:{card_count:[{count_phone:1,count:1}],search_count:[{count_phone:4 ...
[详细]
蜡笔小新 2023-10-17 20:20:31
search
浅析Mysql数据回滚错误的解决方法_PHP教程
浅析Mysql数据回滚错误的解决方法_PHP教程:MYSQL的事务处理主要有两种方法。1、用begin,rollback,commit来实现begin开始一个事务rollback事 ...
[详细]
蜡笔小新 2023-10-17 19:07:22
js
DOM事件大全
1.事件:js与html的交互就是通过事件的,观察者模式2.事件流:从页面中接收事件的顺序IE::事件冒泡流,事件冒泡,事件从最具体的元素接收,然后逐级向上传播,主流浏览器都支持N ...
[详细]
蜡笔小新 2023-10-16 14:18:49
笑竹舞
这个家伙很懒,什么也没留下!
Tags | 热门标签
spring
get
byte
python
subset
tree
hook
metadata
node.js
nodejs
perl
format
fetch
window
header
js
merge
require
md5
integer
heap
triggers
bash
command
search
main
dagger
emoji
audio
join
RankList | 热门文章
1
【uniapp】小程序实现微信在线聊天(私聊/群聊)
2
网页编辑与美化(移动的基站美化照)
3
方根|测量_房价预测模型
4
轇字意思 在新华字典的读音解释笔画常用组词起名
5
开发笔记:四大组件—Serivce
6
C++面试的常见问题(二)
7
SQL基础教程——SQL简介
8
Redis内存爆了怎么办?在线等挺急的
9
安装grid运行root.sh报错ORA-15020 discovered duplicate ASM disk排查
10
PostGreSql运维操作
11
一 GPU 编程技术的发展历程及现状
12
c语言 非递归遍历二叉树
13
MFC_实现按钮或文本的超链接
14
提示ora04098:触发器无效且未通过重新验证
15
Python:ftplib向FTP服务器上传或下载文件
PHP1.CN | 中国最专业的PHP中文社区 |
DevBox开发工具箱
|
json解析格式化
|
PHP资讯
|
PHP教程
|
数据库技术
|
服务器技术
|
前端开发技术
|
PHP框架
|
开发工具
|
在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号
|
京ICP备19059560号-4
| PHP1.CN 第一PHP社区 版权所有