Front End Developer Professionalism

The first step with the basics

Start with HTML & CSS

HTML is the language for describing the structure of Web pages. HTML gives authors the means to .

Publish online documents with headings, text, tables, lists, photos, etc.

Retrieve online information via hypertext links, at the click of a button.

Design forms for conducting transactions with remote services, for use in searching for information, making reservations, ordering products, etc.

Include spread-sheets, video clips, sound clips, and other applications directly in their documents.

With HTML, authors describe the structure of pages using markup. The elements of the language label pieces of content such as “paragraph,” “list,” “table,” and so on.

JavaScript. Power of pleasure

What is scripting?

A script is program code that doesn’t need pre-processing (e.g. compiling) before being run. In the context of a Web browser, scripting usually refers to program code written in JavaScript that is executed by the browser when a page is downloaded, or in response to an event triggered by the user.

Scripting can make Web pages more dynamic. For example, without reloading a new version of a page it may allow modifications to the content of that page, or allow content to be added to or sent from that page. The former has been called DHTML (Dynamic HTML), and the latter AJAX (Asynchronous JavaScript and XML).

Beyond this, scripts increasingly allow developers to create a bridge between the browser and the platform it is running on, making it possible, for example, to create Web pages that incorporate information from the user’s environment, such as current location, address book details, etc.

This additional interactivity makes Web pages behave like a traditional software application. These Web pages are often called Web applications and can be made available either directly in the browser as a Web page, or can be packaged and distributed as Widgets.

My design

Educational application by me
FIN xd
Workshop 4 prototype FED
Workshop prototype FED Night Mode

JavaScript framework

A JavaScript framework is an application framework written in JavaScript. It differs from a JavaScript library in its control flow

What is a task runner?

Task runners are programs packed with plug-ins that can be customized to automate various small, repetitive jobs required in front-end coding. Each plug-in handles a specific task, and with communities of contributing developers, new plug-ins are added all the time. How the plug-ins work together to process the files can vary, but the key is that each of these steps are now built into the project—effectively taking them off the plates of your developers. The end product, once files have been run through a task runner, is nicely packaged code that’s ready to be pushed onto a production environment.

Using template engines

A template engine enables you to use static template files in your application. At run time, the template engine replaces variables in a template file with actual values, and transforms the template into an HTML file sent to the client. This approach makes it easier to design an HTML page.


Concept: Soft skills

Soft skills are a cluster of productive personality traits that characterize one's relationships in a milieu. These skills can include social graces, communication abilities, language skills, personal habits, cognitive or emotional empathy, time management, teamwork and leadership traits. A definition based on review literature explains soft skills as an umbrella term for skills under three key functional elements: people skills, social skills, and personal career attributes. National Business Education Association deems soft skills as critical for being industrious in today’s workplace. Soft skills complement hard skills also known as technical skills, for productive workplace performance and everyday life competencies (Arkansas Department of Education, 2007). Hard skills were the only skills necessary for career employment and were generally quantifiable and measurable from educational background, work experience or through interview.[citation needed] In the 20th century soft skills are a major differentiator, a sine qua non for employability and success in life.A study conducted by Harvard University noted that 80% of achievements in career are determined by soft skills and only 20% by hard skills. Experts say soft skills training should begin for a person when they are students, to perform efficiently in their academic environment as well as in their future workplace.[citation needed] A public interest study conducted by McDonald’s in UK predicted over half a million people will be held back from job sectors by 2020 due to lack of soft skills.


How do you define code quality?

Code quality is a loose approximation of how long-term useful and long-term maintainable the code is.

Code that is thrown away tomorrow: Low quality.

Code that is being carried over from product to product, developed further, maybe even open sourced after establishing its value: High quality.

Since looking into the future can be somewhat tricky, we look at the present signs that may help predicting it.

With code it translates to:

  • Clear and understandable design and implementation.
  • Well defined interfaces.
  • Ease of build and use.
  • Ease of extensibility.
  • Minimum extra dependencies.
  • Tests and examples.
  • Documentation, better yet -- self-explaining code.
  • Up to date means to contact the developer.


I will leave you the field now to discover by yourself what this is! ;)


Created with images by Ben Kolde - "untitled image" • Nate Grant - "untitled image" • Artem Sapegin - "Developer’s mug" • hanack - "OLポートレート(事務所)" • Marten Bjork - "npm install –save" • wladimir1804 - "Internet search business web computer template concept. Fingers touching search button with magnifying glass, searching engine icon. Web surfing, find websites, looking for information concepts" • honzahruby - "Soft skills vector icons and pictograms set" • metamorworks - "ビジネスとテクノロジー" • metamorworks - "ビジネスと統計"

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a copyright violation, please follow the DMCA section in the Terms of Use.