推特 Bootstrap.

雇用 Top 3%自由职业者Twitter引导开发人员

Toptal.是Top Twitter引导开发人员,工程师,程序员,编码器,架构师和顾问的市场。顶级公司和初创公司选择Toptal Twitter Bootstrap Freelancer for关键任务软件项目。

无风险审判,仅在满意时付款。

客户率 Toptal. Twitter Bootstrap Developers4.4 / 5.0平均截至224日,截至3月24日,2021年3月24日

通过领先的品牌和初创公司信任

租用自由职业者Twitter Bootstrap开发人员和工程师

Aitizaz Khan.

自由职业者Twitter Bootstrap开发人员

美国Toptal. Member Since December 4, 2015

Aitizaz是一个全堆栈的工程师,在Rails和Java上拥有Ruby的专业知识。他对算法级效率密切感兴趣,并具有与前端和后端技术以及框架一起工作的经验。 Aitizaz也是一个有竞争力的程序员,积极参与不同的在线挑战。他喜欢了解任何事情,特别是如果它让他更好地在他的工艺上。

展示更多

piotrpałka.

自由职业者Twitter Bootstrap开发人员

波兰Toptal. Member Since September 11, 2017

Piotr是一个经验丰富的全堆栈软件工程师和IT顾问,他理解客户的观点,并将思想变成高质量的产品。他在企业和启动环境中拥有专业知识。 Piotr在公司,银行和软件房屋工作,Piotr开发了全球使用的产品,并使用各种技术堆栈帮助启动和内部企业系统。

展示更多

米兰娜帽

自由职业者Twitter Bootstrap开发人员

塞尔维亚Toptal. Member Since December 5, 2016

米纳是一种自学式的WordPress / PHP工程师。她于2009年开始学习PHP,2009年的WordPress - 自2010年以来一直担任自由WordPress主题开发人员。她'自2011年以来,自2011年3月以来一直是全筹集的工程师和全职WordPress主题开发商和项目领先。

展示更多

piwel massard.

自由职业者Twitter Bootstrap开发人员

法国Toptal. Member Since May 15, 2018

Piwel是一家高级全堆栈Web开发人员,可轻松适应客户所需的任何技术'项目。他彻底了解Web应用程序的要求,并提供最佳基础架构,以便安全和快速增长和缩放。他为大型公司提供内部工作,并作为各种组织的顾问。他沟通好,更喜欢敏捷的方法,并在各种规模的团队中工作。

展示更多

DavidMarín.

自由职业者Twitter Bootstrap开发人员

西班牙Toptal. Member Since April 21, 2015

大卫是一个开源和开放数据爱好者,拥有20多年的专业开发商的经验。他已经获得了各种各样的技能,包括Web编程(PHP和JavaScript),C,C ++(在Linux和Windows下)和系统管理。在这些技能中,大卫专注于Web编程,并具有与基于Symfony PHP的后端,jQuery前端和基于WordPress的站点的全堆栈体验。

展示更多

Max Hollmann.

自由职业者Twitter Bootstrap开发人员

德国Toptal. Member Since January 24, 2016

多年来,Max一直主要担任后端开发商,直到最近公平,他现在专门研究数据科学和深度学习。他的项目从MVPS的紧张预算中到了全吹制品。他对利用技术充满热情,为企业和世界产生真正的影响,并且一直希望扩大他的技能设置。

展示更多

肯梅德斯

自由职业者Twitter Bootstrap开发人员

比利时Toptal. Member Since April 17, 2019

肯是一个全堆栈的Python开发人员,他们具有不同的IT角色的经验,包括关键任务操作。他享有挑战,算法和分布式系统,并遵循数据科学和人工智能的大学教育。肯珍惜知识,责任和诚信,并为他所有的工作带来这些品质。

展示更多

Michal Adamczak.

自由职业者Twitter Bootstrap开发人员

台湾Toptal. Member Since January 4, 2018

Michal是一名软件工程师,即注意细节,在保持设计的同时创造解决方案,并以右手完成态度接近它。他彻底了解软件开发生命周期,争取代码可重用性和可测试性。他'S在国际环境中致力于苛刻的时间表和不断变化业务需求,并在提供现场支持的同时作为项目领导者。

展示更多

Eric W. Greene.

自由职业者Twitter Bootstrap开发人员

美国Toptal. Member Since November 16, 2013

Eric喜欢在高节奏和挑战性环境中编写代码,并强调使用最佳实践来开发满足项目要求,预算和时间表的高质量软件。他喜欢用他的同事学习新技术和分享调查结果。

展示更多

立即注册以查看更多档案。

开始招聘

招聘指南

雇用一个伟大的Twitter引导开发人员指南

与任何技术一样,特别是框架,了解引导和真正了解引导之间存在差异。本文提供了一种问题,这些问题应该帮助您识别开发人员,这不仅可以理解引导rap,而且也是Bootstrap框架的主。

阅读招聘指南

推特引导招聘资源

更多资源来雇用Twitter Bootstrap开发人员

职位描述模板

面试问题

常见的错误

提示和实践

TrustPilot.
Toptal. in the press

...允许公司快速组装具有特定项目的合适技能的团队。

尽管对编码人员的需求加速了,Toptaltal旨在自行为几乎常春藤联盟级审查。

我们的客户
构建一个全球使用的跨平台应用程序
Thierry Jakicevic.
构建一个全球使用的跨平台应用程序
1
2
3
为游戏创建一个应用程序
Conor Kenney.
为游戏创建一个应用程序
1
2
3
领导数字转型
Elmar Platzer.
领导数字转型
1
2
3
推荐书

三普国不会'T存在没有顶尖。顶部项目使我们能够用产品经理,铅开发商和高级设计师迅速发展我们的基础。在60多天内,我们从概念到阿尔法。速度,知识,专业知识和灵活性是秒数。 Toptaltal团队作为三级队员的三级队员的一部分。他们贡献并就像其他人一样贡献并获得了发展的所有权。我们将继续使用TOPTAL。作为一个启动,他们是我们的秘密武器。

布兰特利步长,首席执行官& Co-Founder

三级

我对Toptaltal的经验非常满意。我必须与我一起工作的专业人士在几个小时内与我一起。我知道在与他讨论我的项目后,他是我想要的候选人。我立即雇了他,他浪费了浪费时间来到我的项目,甚至通过添加一些优秀的设计元素来加强额外的英里,以增强我们的整体外观。

Paul Fenley,导演

k dunn.& Associates

我与令人难以置信的 - 聪明,驱动和响应性的开发人员。它曾经很难找到优质的工程师和顾问。现在它是't.

Ryan Rockefeller,CEO

辐射群

Toptal.立即了解我们的项目。我们与阿根廷的特殊自由职业者与阿根廷,从第1天沉浸在我们的行业中,与我们的团队无缝混合,理解我们的愿景,并产生了顶级缺口结果。 Toptal与卓越的开发人员和程序员相连,非常容易。

Jason Kulik,联合创始人

PROHATCH.

作为一个有限资源的小公司,我们可以'不起赚得昂贵的错误。 Toptal为我们提供了一个经验丰富的程序员,他们能够击中地面运行并立即开始贡献。这是一个伟大的经历和我们'd再次在心跳中重复。

斯图尔特Pocknee,校长

站点特定的软件解决方案

我们使用Toptal聘请开发人员,具有广泛的亚马逊网络服务体验。我们采访了四名候选人,其中一个候选人竟然有适合我们的要求。该过程快速有效。

ABNERGUZMÁNVILLA,CTO和首席科学家

照片kharma.

Sergio是一个令人敬畏的开发人员。顶级陷波,响应,并有效地完成了工作。

Dennis Baldwin,首席技术专家和联合创始人

PriceBlink.

与马林一起工作是一种快乐。他是有能力,专业,灵活的,非常快速地了解所需的内容以及如何实现它。

andréFischer,CTO

发布

我们需要一个专家工程师,他们可以立即启动我们的项目。辛巴纳斯与他的工作超出了我们的期望。不得不采访和追逐专家开发商是一个优秀的时光,让每个人都对我们的选择感到更加舒适,以改变平台来利用更强大的语言。 Toptog易于方便地制作了该过程。 Toptal现在是我们寻找专家级别帮助的第一名。

网页开发的高级VP德里克未成年人

Networld Media Group.

Toptal.'S开发人员和建筑师都非常专业,易于使用。他们生产的解决方案相当定价和最高品质,减少了推出的时间。再次感谢,Toptal。

Jeremy Wessels,CEO

Kognosi.

我们拥有Toptal的伟大体验。他们将我们与完美的开发人员配对,为我们的应用程序并使过程非常容易。它也很容易超出初始时间范围,我们能够在我们的项目中保持相同的承包商。我们绝对推荐顶尖,用于快速和无缝地找到高质量的人才。

Ryan Morrissey,CTO

应用业务技术,LLC

I'M Toptal令人难以置信地印象深刻。我们的开发人员每天与我沟通,是一个非常强大的编码器。他'真正的专业人士,他的工作很棒。顶部5星。

Pietro Casoar,CEO

Ronin Play Pty Ltd

与Toptal一起工作是一个很好的体验。在使用它们之前,我花了很长时间采访其他自由职业者和尚未'找到我需要的东西。与Toptal一起参与后,他们在几天内与完美的开发人员匹配。开发商I.'m不仅可以提供质量代码,而且他还提出了我达到的事情的建议't thought of. It'对我来说清楚,阿拉夫里知道他在做什么。强烈推荐!

乔治城,首席执行官

Buravard,Inc。

作为顶级合格的前端开发人员,我也运营了自己的咨询练习。当客户来找我来帮助填补他们的团队上的关键角色时,Toptal是我唯一舒适的推荐的地方。 Toptal.'整个候选池是最好的。 Toptal是我的最佳价值我'在近一年的专业在线工作中发现了。

Ethan Brooks,CTO

Langlotz专利&商标作品,Inc。

在嘻嘻哈哈'早期,我们以及时的方式,我们需要一流的开发商,以实惠的价格。 Toptal送货!

Lara Aldag,CEO

h

Toptal.让候选人非常容易,让您能使他们有能使他们有能力提供。我肯定会向寻求高技能开发人员的人推荐他们的服务。

Michael Gluckman,数据经理

mxit.

Toptal.迅速匹配我们的项目与最佳开发人员的能力只是一流的。开发商已成为我们团队的一部分,我对他们中的每一个都证明了专业承诺的水平。对于那些希望远程工作的人与最好的工程师来说,看起来不仅仅是Toptaltal。

Laurent Alis,创始人

临身

Toptal.让找到合格的工程师微风。我们需要经验丰富的ASP.NET MVC架构师来指导我们的启动应用程序的开发,并在不到一周内为我们提供三位伟大的候选人。在我们选择后,工程师立即在线并击中地面运行。它比我们自己发现和兽医候选人更快和更容易。

杰夫凯利,联合创始人

协调解决方案

我们需要在Scala中的一些短期工作,Toptal在24小时内发现了我们一个伟大的开发人员。这不仅仅是通过任何其他平台都无法实现。

Franco Arda,联合创始人

whatadswork.com.

Toptal.为正在进行快速发展和规模的企业提供禁令解决方案。每个工程师我们 '通过Toptal签约已经很快集成到我们的团队中,并将其工作持有最高标准的质量,同时保持炽热的发展速度。

Greg Kimball,联合创始人

nifti.com.

如何通过Toptal雇用Twitter Bootstrap开发人员

1

与我们的行业专家交谈

Tophteal Engineering主任将与您合作,了解您的目标,技术需求和团队动态。
2

与手工选择的人才合作

在几天内,我们'LL向您介绍您的项目的正确Twitter引导开发人员。平均匹配时间在24小时内。
3

右边合身,保证

使用您的新推特引导开发人员进行试用期(仅在满意时支付),确保它们'在开始参与之前,右边适合。

常见问题解答

  • Toptal Twitter Bootstrap开发人员如何不同?

    在Toptal,我们彻底屏蔽了我们的Twitter引导开发人员,以确保我们与最高口径的人才相匹配。每年申请加入Toptal Network的100,000多人,削减少于3%。您将与工程专家(从不泛化招聘人员或人力资源代表)合作,了解您的目标,技术需求和团队动态。最终结果:来自我们网络的专家审计人才,习惯符合您的业务需求。 现在开始。

  • 我可以雇用Twitter引导开发人员在少于48小时内到Toptal吗?

    根据可用性以及您可以进行的速度,您可以在注册的48小时内开始使用Twitter Bootstrap开发人员。 现在开始。

  • Toptal Twitter Bootstrap开发人员的无风险试用期是多少?

    我们确保您和Twitter Bootstrap开发人员之间的每次参与开始于最多两周的试用期。这意味着您有时间确认订婚将是成功的。如果您对结果完全满意,我们会为您收取时间并继续接触,只要您想要。如果你没有完全满意,你将不会收取费用。从那里,我们可以通过部分方式,或者我们可以为您提供可能更适合的另一个专家,并与我们将开始第二名,无风险的审判。 现在开始。

分享
推特 Bootstrap.

如何聘请一个伟大的Twitter引导开发人员

与任何技术一样,特别是框架,了解引导和真正了解引导之间存在差异。随着框架在过去几年中,使用自举者的开发人员在最近几年中越来越大。但是真正的引导专家不仅仅知道如何使用默认引导设置创建网页。他们知道隐藏的框架宝石,他们了解所有的警告,他们知道如何解决局限性。真正专家的最终结果是一个网站,没有人会期望在引擎盖下运行自举。本文提供了一个关于识别核心核心核心盗版的那种Web开发专家的问题的抽样。

挑战

从招聘角度来看,引导流行度的增长是好事和坏消息。虽然一方面使自动启动开发人员更容易找到,但它也会让他们中的珠宝更加难以捉摸。此外,Bootstrap是HTML,CSS和JavaScript工具的集合;这意味着找到一个良好的引导开发人员往往涉及找到具有强烈了解HTML5及其规范的良好前端开发人员,了解响应性网站设计,知道如何创建桌面和移动网页变化,熟练掌握客户端脚本和JavaScript框架(包括jQuery)能够将Bootstrap用于其全部电量。

对于这个目标,本文提供了对评估候选人掌握引导开发框架掌握宽度和深度的关键的问题。重要的是要记住,这些样本问题仅作为指导,如我们帖子所述 寻找精英少数。不是每个值得招聘的“A”候选人将能够正确地回答他们所有人,也没有回答他们所有人都保证了“A”候选人。在一天结束时,招聘仍然是一种艺术,因为它是一种科学。

覆盖基础知识

了解基础知识很重要。我不能这么强调,读了 文件,播放和实验提供的样品,并获得基础知识。

问:讨论可用引导变化之间的差异。

Bootstrap有两种形式可用:作为预编译版本和作为源代码版本。每个人都吸引了不同的技能水平和不同的用例。

源代码版本配备了较少编写的样式源代码,其中包含所有JavaScript和伴随文档。这允许更雄心勃勃的设计师和开发人员更改和自定义其遗嘱中的所有提供的样式,并建立自己的Bootstrap版本。对于不熟悉较少的开发人员,还有一个官方SASS Bootstrap端口。源代码版本需要Node.js,Grunt for构建和编译,以及根据您的预处理器首选项的Sass或更少的编译器。

另一方面的预编译版本附带已编译和缩小的CSS,JavaScript和字体。没有包含文档和原始源文件,因为所有文件都预编译,因此不需要特殊设置。您下载存档,您已准备就绪。

问:解释如何在现有项目中包含预编译的引导文件,以及如果打破初始文件夹结构,您需要更改的内容。

如上文问题所提到的,因为预编译具有所有编译和缩小文件,因此不需要其他特殊设置。基本上,您提供的Bootstrap文件无关紧要。您可以轻松地将文件放在现有的文件夹结构中。要照顾的唯一重要性是Glyphicons Fonts文件夹与CSS文件夹相同。如果要移动或重命名字体文件,则需要以三种方式之一更新CSS: * Change the @icon-font-path and/or @icon-font-name variables in the source Less files. *使用较少编译器提供的相对URL选项。 *更改已编译的CSS中的URL()路径。

问:描述了设置CSS重置规则,以及Bootstrap如何更改默认浏览器的“用户代理”样式表。

Every browser has its own default user agent style sheet that is applied to the HTML. To overcome the differences between the browsers, Bootstrap comes with normalize.css, an HTML5-ready alternative to CSS resets. Then are defined some default style settings; to name a few, global default font-size is set to 14px, line-height to 1.428, default font is changed to Helvetica with Arial and sans-serif fallback. All these styles are applied to the <body> and all paragraphs, with the addition that <p> (paragraphs) receive a bottom margin of half their computed line-height 的 10px. Besides these defaults, there are also customizable styles for standard HTML tags that bring more consistency to the text, such as highlighted text (<mark>), deleted text (<del> and <s>), underlined text (<u>), small text (<small>), and bold text (<strong>). Alignment classes help to arrange content on the page more easily by using .text-left, .text-center, .text-right, .text-justify and .text-nowrap classes. There are also predefined styles for block quotes, and unordered and ordered list with inline options, just to name a few.

问:描述组件和插件的引导提供,以及如何使用它们。

Bootstrap comes with a lot of UI components, HTML and CSS design templates, and JavaScript plugins. Some of them are: Typography, Tables, Forms, Buttons, Glyphicons, Dropdowns, Buttons and Input Groups, Navigation, Pagination, Labels and Badges, Alerts, Progress Bars, Modals, Tabs, Accordions, Carousels, and more. Templates are made available as well-factored CSS classes that can be applied to HTML elements to achieve different effects. CSS classes have semantic names (descriptive names that have a meaning), like .success, .warning, and .info, so these components are reusable and extensible and they aren’t specific about implementation details. Plugins are JavaScript extensions, and they rely on the jQuery dependency.

问:解释哪种方式可以扩展到启动和适应特定项目的需求。

All the default Bootstrap styles that are bundled initially can be changed and overridden by using custom styles. You can overwrite in your own stylesheet default bootstrap colors, styles, margins, paddings, everything, and most importantly there is no need to touch the bootstrap.css stylesheet at all. Ever.

In case of source code version, creating your own versions of LESS or SASS stylesheets can do it. In case of precompiled version, you can create your own CSS file and overwrite whichever style you want from the original bootstrap.css stylesheet. Create your new CSS selector, use it in the HTML, and as long you declare your CSS classes after Bootstrap styles your definitions will overwrite Bootstrap defaults.

If you aren’t using any of Bootstrap’s interactive features, you can omit bootstrap.js and jquery..js files from the HTML source. There is also an option to 自定义Bootstrap的组件,较少的变量和jQuery插件来获取您自己的版本,这将导致更小的文件大小,并且只包含实际在网页上使用的组件。

响应能力

今天,使用带有桌面版本的网页是无法忍受的。选择合适的开发人员时,您需要确保候选人了解响应性设计是什么,如何实现它,以及Bootstrap如何提供帮助和缓解开发。

问:什么是Bootstrap的移动第一方法?

在Bootstrap 2中,有一个具有移动友好样式的分隔的样式表,用于框架的关键方面。使用版本3,Bootstrap推出了一个移动式设计哲学,导致Bootstrap响应于设计。这种方式轻松且有效地将单个代码库从手机到桌面到桌面。可以在整个框架中找到移动的第一种样式,而不是在一个单独的文件中找到,而现在默认样式适用于小型设备,媒体查询为较大的屏幕添加:

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

To be sure that we will get proper rendering on all devices, and especially that the touch zooming will work, we need to add the viewport meta tag to <head>:

<meta name='viewport' content='width=device-width, initial-scale=1'>

问:解释如何实现响应性以及应遵循哪些规则。

根据设备或视口的大小,可以使用流体网格系统实现自动栅极系统的响应性,该流体网格系统可以应用于适当地扩展12列。网格为布局提供结构,定义用于安排内容和强制边缘的水平和垂直指南。

To use the Bootstrap grid system, a few rules need to be followed. Grid column elements need to be placed inside row elements, which create horizontal groups of columns. You can have as many rows as you want on the page, but columns must be immediate children of rows. In a full row, the column widths will be any combination that adds up to 12, but it is not mandatory to use all 12 available columns. Rows need to be placed either in a fixed-width layout wrapper, which has a .container class and a width of 1170px, or in full-width layout wrapper, which has a .container-fluid class, and enables the responsive behavior in that row. The Bootstrap grid system has four tiers of classes: XS. for phones (<768px), SM. 用于片剂(≥768px), m 对于桌面(≥992px),和 LG. 对于较大的桌面(≥1200px)。这些基本上定义了列将水平塌陷或分布的尺寸。类层可以以任何组合使用以获得动态和灵活的布局。

问:解释移动设备上最佳表格如何显示大型表格。

Dealing with large datasets that are in a table with many columns on large screens is a no brainer. Using a standard Bootstrap .table class on large screens will render a nice looking table, but on a small device cell text will break and wrap into the next line, possibly into many new lines and stretching the table vertically. Not to mention that a table this way is unreadable and shown data is unusable. The solution is to wrap a .table in the .table-responsive parent element, which will result in a table on phones (or any devices with less than 768px) will have full width with the possibility to scroll horizontally.

我也知道JavaScript!

如前所述,Bootstrap船用核心JavaScript扩展中的插件。这意味着候选人必须熟练掌握客户端脚本和JavaScript框架,即jQuery。我们将更多地关注与自动启动相关的JavaScript Capeats,并且不会测试候选人的jQuery知识。

问:讨论使用Bootstrap插件依赖关系的可能方法,该依赖于插件所需的JavaScript文件正常工作。

First and most importantly, all plugins depend on jQuery, and jQuery must be included before the plugin files. At the moment, Bootstrap v3.3.4 requires jQuery v1.9.1 or later. Second, you need to include either individual Plugin JavaScript files (that can be found in the source code version of the Bootstrap), or all together in one file (using bootstrap.js or the minified bootstrap.min.js). Both bootstrap.js and bootstrap.min.js contain all plugins in a single file, and it is needed to include 只有一个 其中,优选用于生产缩小的。

如果您决定仅包含专用插件的特定JavaScript文件,请记住某些插件甚至一些CSS组件依赖于其他插件。如果单独包含插件,则需要确保在文档中检查这些依赖项,并包含所有必需的JavaScript文件。

问:讨论使用没有JavaScript的Bootstrap插件的可能方法以及相关的警告。

All Bootstrap plugins can be used purely through the markup API without writing a single line of JavaScript. This is Bootstrap’s first-class API, and it is the recommended way of using a plugin. For example, you can activate a modal dialog without writing any JavaScript just by setting data-toggle='modal' on a controller element like a button or anchor, and pass additional parameters using data-attributes. In the code below, we are targeting HTML code with the ID #modalID. We have specified that the modal won’t close when user clicks outside the modal by using the data-backdrop option, and we have disabled escape key event that close a modal with data-keyboard option. All in one HTML line of code:

<button type='button' data-toggle='modal' data-target='#modalID' data-backdrop='static' data-keyboard='false'>Launch modal with ID #modalID</button>

我们需要注意的注意事项。首先,使用数据属性时,每个元素只能存在一个插件。这意味着,例如,按钮不能同时具有工具提示并切换模态,必须使用包装元素,这将采用功能。第二,Bootstrap的工具提示和POPOVER插件不是CSS - 只与其他插件一样。出于性能原因,它们是选择选择,并使用它们必须首先使用JavaScript初始化以下示例代码:

$(function () {
  $('[data-toggle='tooltip']').tooltip();
  $('[data-toggle='popover']').popover();
}); 

包起来

真正专家的最终结果是一个没有人会期望的网站,这是通过引导运行的。

Bootstrap看起来非常简单且易于使用,并且许多开发人员正在冲进框架中声称,声称它们是优秀的引导开发人员。本文引用了每个Bootstrap开发人员应该掌握的主题,并提供了为识别引导框架中具有声音和原则基础的有效基础的问题,从基础知识响应,并使用JavaScript工作。找到具有前端开发经验的Web开发人员可以相对容易,但找到一个优秀的引导开发人员是一个强大的挑战。只要在寻找一个伟大的Bootstrap开发人员时,请务必介绍这些主题,并且您将越一步才能识别最佳最佳状态。

特色Toptal Twitter Bootstrap Publications

顶级Twitter引导开发人员需求量很高。

开始招聘