1. 程式人生 > >Skills of a successful front-end web developer

Skills of a successful front-end web developer

來自:https://drupal.org/node/1245650

Everyone wants to hire the perfect Drupal developer - but you need a way to identify future potential Drupal front-end developers. What previous experiences and transferable skills are going to help someone make the switch to Drupal and excel on a busy team for a typical Drupal site owner.

What are the transferable skills and characteristics someone could look for in a potential Drupal developer? To put it another way, if you have a group of 10 people how would you narrow down your choices?

There are many roles recognized in the Drupal community, yet for the purposes of this discussion, we are grouping them into two roles:Back-end developer, and Front-end developer.

Front end developer

Previous experience

  • Understands key server-side web development concepts through experiences such as:
  • Interpreting graphic visual or interaction designs in HTML, CSS and Javascript.
  • Creating visually appealing web pages or interfaces.
  • Creating, editing or modifying templates for a CMS or web development framework.
  • Programming interaction with JavaScript and/or a library such as jQuery, YUI or Prototype.
  • Testing cross-browser, cross-platform, and/or cross-device compatibility for inconsistencies.
  • Testing for compliance to specified standards such as accessibility standards in the clients region or domain.
  • Conducting observational user testing, or reviewing designs against usability heuristics.

Domain specific knowledge or transferable skills

Experience with web development languages of HTML, CSS and JavaScript/jQuery.

  • HTML
    • Familiarity of HTML syntax for multiple specifications, including HTML 5.
    • Knowledge of the semantic meaning of all HTML elements.
    • Familiarity with the semantic markup for display of lists, tabular data, forms, articles, etc.
    • Knowledge of markup used for layout such as dividers.
    • Knowledge at the level to be able to hand-code markup.
    • Including media and images.
  • PHP
    • Familiarity with modifying Drupal Theme hooks to display data
    • Understanding how to utilize PHP to filter, process and output html, json, xml
  • CSS
    • Specifying different CSS for various media, devices and displays.
    • Best practices in CSS file organization and structure.
    • Methods for including CSS inline, internal and external via linked style sheets.
    • How to define, combine and group CSS selectors for HTML elements, ID, classes, pseudo classes, child or sibling.
    • Syntax of CSS declarations, properties and attributes.
    • CSS box model and methods for CSS positioning, absolute and relative.
    • Knowledge of properties and attributes to control the display.
    • Familiarity with differences in CSS 2 and CSS 3.
    • Proficient with a CSS Preprocessor such as Sass or LESS.
  • Best practices
    • Methods to ensure browser & device compatibility
    • Methods for degrading gracefully for older browsers and displays.
    • Methods to ensure accessibility.
    • File compression techniques for improving speed.
  • JavaScript
    • Knowledge of the operators, variables, datatypes, objects, properties and methods.
    • Familiarity with control structures such as objects, functions, conditional statements, arrays, loops and expressions.
    • Forms and regular expression validation and submitting data.
    • Knowledge of how to apply logical operators and conditional statements.
    • Knowledge of the DOM HTML objects and their properties.
  • Event handling.
    • Creating and controlling windows and dialogs.
    • Processes for troubleshooting and debugging
    • Familiarity with development and debugging tools for cross-browser issues.
  • jQuery
    • Knowledge of how to employ the jQuery library for visual effects, event handling, and document manipulation.

相關推薦

Skills of a successful front-end web developer

來自:https://drupal.org/node/1245650 Everyone wants to hire the perfect Drupal developer - but you need a way to identify future potenti

Quit Genius (YC W18) is looking for a remote front-end web developer

Quit Genius is looking for a senior front-end web developer who can work remotely and part-time. We are a multi award-winning quit smoking app, build nativ

I want to be a Great Web Front-end Developer

功能 baseline ner 工作 run 代碼規範 family end 異步   有時覺得特別的浮躁,可能是每天春運般的擠地鐵,隨處可見因為一點小磕小蹭吹胡子瞪眼睛的人,可能是身邊的人貌似一下子都好有錢,買房買車或者買第N套房。 很想靜下來心尋找到自己inner pa

fifthThirteen-- A Rookie Web Front-end development

目錄 1.定義 1.定義 物件是 JavaScript 語言最主要的資料型別,三種原始型別的值——數值、字串、布林值——在一定條件下,也會自動轉為物件,也就是原始型別的“包裝物件”。 所謂“包裝物件”,就是分別與數值、字串、布林值相對應的Num

Your First Steps in a Front-end Developer Career

There Is No RecipeThe thing is — there is no just simple recipe. If there is, I guess it would sound like that — “practice, practice, practice”.It’s not a

Front end as a Service | Hacker News

Hello!We're creating Frontend as a Service (FaaS) and change not just frontend development process but typical Application architecture.Application Develop

A Successful AI Team Blends Business Skills and AI Expertise

As companies increasingly turn to AI and machine learning, a clearer picture of what it takes to succeed with real-world AI is beg

Ask HN: Anybody Looking for a Freelance Web Developer?

I'm looking for remote job/tasks. I can build WordPress, Shopify and Static websites from scratch.

How my startup got to a successful exit with a developer

In January of 2018, I helped found a machine learning startup with 2 other people. 9 months later I sold it for $5 million. What was our secret? We put dev

Useful tips to help you create good habits as a web developer

This article is aimed at junior developers, but may interest anyone as a bank of useful tips on how to grow some good habits.I’m constantly trying to chall

Ask HN: What is the dark side of working at a successful startup?

I don't think there's one universal "dark side" to working at any successful startup, not anymore than there's one "dark side" to working at any other very

How I Became a Web Developer in 5 Months

This was also a strategic choice. If I were to get to a professional level, I knew I needed to narrow my focus down to fewer subjects, rather than spreadin

Decode and Verify the Signature of a Cognito JSON Web Key Token

After a user logs in, an Amazon Cognito user pool returns a JWT, which is a Base64-encoded JSON string that contains information about the user

Web Front-End Development

做設計和前臺開發三年了,整理一下好的經驗和工具共享給各位來我部落格的網友,謝謝光臨我的部落格 =================================2009年1月22日更新========================== HttpFox 抓包工具【FF外掛】

5 essential skills every Web Developer should have?

The idea here is that most of us should already know most of what is on this list. But there just might be one or two items you haven't re

Lowest Common Ancestor of a Binary Search Tree & a Binary Tree

max 結果 solution 返回 分析 else 當前 n) 如果 235. Lowest Common Ancestor of a Binary Search Tree 題目鏈接:https://leetcode.com/problems/lowest-common-

Most efficient way to get the last element of a stream

val lang ted reduce class ret return imp pretty Do a reduction that simply returns the current value:Stream<T> stream; T last = str

Leetcode 17. Letter Combinations of a Phone number

res bsp self. col join lee num nat leetcode 求給出的數字串,如果按照電話鍵盤的編譯方式,可以給出多少那些對應的數字組合。例如: Input:Digit string "23" Output: ["ad", "ae", "af"

leetcode_017 Letter Combinations of a Phone Number

like present class digits div all dfs hat upload Given a digit string, return all possible letter combinations that the number could repr

POJ 2553 The Bottom of a Graph(強連通分量)

margin target 代碼 not push ret dsm ng- http POJ 2553 The Bottom of a Graph 題目鏈接 題意:給定一個有向圖,求出度為0的強連通分量 思路:縮點搞就可以 代碼: #include <