Position Absolute

5我在前端开发5年学到的最重要的事情

我现在一直在大约5年来完成网站。我想我在路上学到了很多重要的事情。这篇文章更适合初学者,但我很想听到其他人的前端思考。       

缩进并包装您的CSS

更新:阅读评论,我不会建议缩进您的CSS,但请制作简单易读的CSS。

我3年前开始缩进CSS,对我来说,这是现在的生命破碎机。我永远不能回到一条线上的旧和无聊的CSS风格。缩进让你的CSS减少令人困惑,当你看看你理解的缩进CSS时 在视觉上 您的HTML结构。是的,Firebug会告诉你有一个错误的行。缩进将告诉您,您需要了解父级样式以及如何影响您的标记。相信我,但我有雇主看看我的代码并告诉我,它是他们从CV列表中看到的更清晰的代码。缩进有助于,很多。

// TABS NOT WORKING WELL IN EDITOR BUT YOU GET THE IDEA
#wrap {margin:0 auto; width:921px;}
	#wrap #header {
		float:left;
		position:relative;
		width:100%; height:285px;
	}
		#wrap #header #utilities {
			float:left;
			width:100%;
			text-align:right;
		}

此外,请“最小化”您的CSS标签。它更好地读取,它可以减少大CSS文件的大小。

// BAD
#imageBg{
background-image:"/img/bg.jox";
background-color:#000;
background-position:top left;
}
// NICE
#imageBg{background:#000 url('img/bg.jpg') top left no-repeat;}

使用良好的JavaScript框架

如果他们没有在学校教过你,请开始学习像JQuery或Mootools这样的JavaScript框架。前端开发人员往往是良好的编码人员而没有太好。 JavaScript Frameworks将远远超过您可以想象的潜力。在DOM上使用普通的JavaScript真的是一种痛苦,框架会给你类固醇。

从模态框中保留插件库,以将验证(优选地 - )从模态框形成常见问题解答动画。您将成为创建网站的JavaScript Power House。还自己创建插件,分享它们,将它们添加到您的投资组合中。

不要害怕与您的设计师或项目经理谈论UX

我们与CSS的工作使我们看到了很多UI,你也经常读到这个主题。我不是一个伟大的图形设计师,但我知道关于ux的信息,而不是大多数人可以想象。我们在网站前面进行,我们在某些方面测试它们,我认为这使我们能够在这个主题上更了解更多信息。对于每个前端的人来说,这不是真的,但无论如何,我们大多数人都是我的感受。

我认为假设您将在测试超过50个您的地上工作时,您可以开始查看该模式的模式,也可以看到这些模式。记录这些模式。随着时间的推移,它会在你的头上响铃,这个新闻列表有问题。谈论它,一般如果您在一家好公司工作,每个人都希望更好地制作网站。给他们更好的选择,如果他们说是的,很酷,如果没有,至少你尝试过,他们会看到你关心它。

跟随社区和探索,不要留下来

不幸的是,正端是与大多数技术的工作一样快速发展。如果您想在这个行业中工作超过10年,这意味着您需要做超过40小时/周。您需要随时了解我们世界发生的事情。你需要变得更快,更强大。

如果你没有,你可能会醒来15年后醒来后失去你的工作,没有人想要雇用你,因为你花了太多的事情,而这所大学的家伙你15年前会比你更有吸引力。

如果你在你的工作中没有学习,请看别处

如果您不能推动新技术,则无需尝试新的解决方案或创建良好代码。我会继续前进。用我的最后一点掌握一下。不要留在无聊的CSS工作,因为你在那里也是好的,因为它付出了很好。除非您想成为项目经理,否则这将不会长期为您服务。

奖金:有前端的投资组合

显示XHTML / CSS模板,JavaScript插件,它将帮助您更快地找到工作,我向您保证。

结论

我也可以谈论项目死线或压力管理,但我想对前端的工作特定。希望它对你们中的一些人洞察。我很想听到你们不得不对此的看法。