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

缩进并包装您的CSS

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

我3年前开始缩进CSS,对我来说,这是现在的生命破碎机。我永远不能回到一条线上的旧和无聊的CSS风格。缩进让你的CSS减少令人困惑,当你看看你理解的缩进CSS时 在视觉上 您的HTML结构。是的,Firebug会告诉你有一个错误的行。缩进将告诉您,您需要了解父级样式以及如何影响您的标记。相信我,但我有雇主看待我的代码并告诉我它’S从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;
		}

另外,请“minimize”您的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的信息,而不是大多数人可以想象。我们在网站前面进行,我们在某些方面测试它们,我认为这使我们能够在这个主题上更了解更多信息。每一个前端都不是真的,但是我们大多数人,无论如何,这’s my feeling.

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

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

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

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

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

如果你可以的话’T推动新技术,没有次尝试新的解决方案或创造良好的代码。我会继续前进。用我的最后一点掌握一下。大学教师’T留在一个无聊的CSS工作中,因为你在那里也是好的,因为它付出了很好。除非您想成为项目经理,否则这将不会长期为您服务。

奖金:有前端的投资组合

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

结论

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

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

  1. 阿门到学习点。我最喜欢的Web开发的事情是学习新事物的机会。即使你认为你知道这一切,那么’不仅仅是做某事的更好方法。 ta!

  2. 我不同意让你的CSS缩进。正确格式化,单行方法在扫描到大量代码时,我更容易阅读。它’虽然,我肯定是偏好的问题,因为我知道其他像你一样,更喜欢你的方式。

    对于记录,我也被告知我的代码的易读性设置了我的工作。

    虽然很棒的文章!我喜欢你的网站并定期检查它=)

  3. 我同意凯利–Jonathon Snook建议始终在一行上编码CSS,以便您可以为所需的样式快速扫描文档。我非常缩进相关的款式,这有助于我让每个人都与之合作,他们很快就会看到好处!

    爱这个网站!

    干杯,
    M

  4. I’LL必须尝试CSS缩进技巧,看起来很棒。你’ll必须扭动我的手臂让我试试‘minimize your CSS’诀窍,但它有意义。

  5. 我不会将代码格式化首选项添加到咨询文章。对于CSS,有很多不同的代码格式化样式,每个CSS都使用了很多可以发誓它的很多熟练的前端开发人员’因为切片面包以来最好的东西。你知道吗?没有编码样式。

    我的CSS编码风格涉及两级的评论,就像标题一样(/ *— COMMENT —* /和/ *注释* /),每行一个缩进,一个缩进,按属性声明的分层顺序(显示,定位,文本,背景),没有分层缩进。比你的好吗?当然不是。然而,我的(小)公司将在那个中标准化其编码风格,因为我们需要一个共同的标准,我自己的是体面和我’m the CSS expert.

    编码风格并不重要。什么’很好(在我看来)是要有一个并坚持下去。所以,在编码Python时,我们试图遵循Pep8。它可能不适合或品尝一直或味道(我更喜欢推荐的4个空间缩进的标签字符,线条长度限制有点过于严格 - ’ code.

    I’d说出所有其他建议都是坚实的,但编码标准主要是任意的。

评论被关闭。