Good morning you should be developer 👍

---

                                                          

                                                         Introduction

Front-End  Developer Handbook

Written by Cody Lindley sponsored by—Frontend Masters

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering. How to learn it and what tools are used when praccticing it.

It is specifically written with the intention of being a professional resource for potential and currently practicing front-end developers to equip themselves with learning materials and development tools. Secondary. It can be used by managers. CTOs, instructors, and head hunters to gain insights into the practice of front-end development.

The content of the handbook favors web technologies (HTML, CSS, DOM, and JavaScript)

And those solutions that directly built on top of these open technologies. The materials referenced and discussed in the book are either best in class or of the current offering to a problem.

The book should not be considered a comprehensive outline of all resources available to a front-end developer. The value of the book is tied up in a terse, focused, and timely curation of just enough categorical information so as not to overwhelm anyone on any one particular subject matter.

The intention is to release an update to the content yearly.

The handbook is divided into three parts.

Part I. The Front-End Practice

Part one broadly describes the practice of front-end engineering

Part II: Learning Front-End Development

Part two identifies self-directed and direct resources for learning to become a front- end developer.

Part III: Front-End Development Tools

Part three briefly explains and identifies tools of trade.

What Is a Front-end Developer?

What Is a Front- End Developer?

A  front-end developer architects and develops websites and applications using web

Technologies(I.e., HTML, CSS, DOM, and Javascript), which run on the web platform or act as compilation input non-web platfrom environments (I.e., NativeScript).

1 A site is loaded              2 Client-side scripts                    3  When a call to the     THE BACK END 5 server- 

In a browser from            Run in the browser and              database is required    side Scripts process the d

The server.                         process requests without           javaScript and AjAX send  data.              Database

                                             Call-backs to the server              requests to the back end.    Servers   

Responsive front-end                   Request    

Design allows a site to        Everything a user sees in the                                                                  Response

Adapt to a user’s device.    browser is a mix of HTML        4  The back-end server-side scripts process

                                                CSS. And javaScript.                   the request. Pull what they need from the

                                                                                                      Database then send it back.

Image source:  http://www.upwork.com/hiring/development/front-end-developer/

Typically, a person enters into the field of front-end development by learning to develop

HTML, CSS, and JS code, which runs in a web browser, headless browser, WebView, or as

Compilation input for a native runtime environment. The four run times scenarios are explained below.

A web browser is software used to retrieve, present, and traverse information on the WWW.

Typically. Browsers run on a desktop, laptop, tablet, or phone, but as of late a browser can

Be found on just about anything (I. E, on a fridge, in cars, etc.).

The most common web browsers are:

. Chorme

. Internet Explorer

. Firefox

. Safari

Headless browsers are a web browser without a graphical user interface that can be

Controlled from a command line interface for the purpose of web page automation (e. G.,

Functional testing, scraping, unit testing, etc.). Think of headless browsers as a browsers that

You can run from the command line that can retrieve and traverse web pages.

The most common headless browsers are:

. PhantomJS

Front-End  jobs  Titles

Front-End Jobs Titles

Below  is a list and description of various front-end job titles. The common, or most used (I. E.,

Generic), title for a front-end developer is,  “front-end developer: or “front-end engineer”. Note

That any job that contains the word “front-end”, “client-aide”, “web UI”, “HTML”, “CSS”, or

“JavaScript” typically infers that a person has some degree of HTML, CSS, DOM and JavaScript professional know how.

Front-End Developer/Engineer (aka Front-End Web DEVELOPER/Engineer, Client-Side

Developer/Engineer, Front-End Software Developer/Engineer or UI Engineer)

The generic job title that describes a developer who is skilled to some degree at  HTML,

CSS,DOM, and JavaScript and implementing these technologies on the web platform.

CSS/HTML Developer

The front-end job title that describes a developer who is skilled at HTML and CSS, excluding

JavaScript and Application know how.

Front-End JavaScript (optionally... Application) Developer

When the word” JavaScript Application” is included in the job title, this will denote that the

Developer should be an advanced JavaScript developer possessing advanced

Programming. Software development, and application development skills(I.e will have soild

Experrience building front-end applications).

Front-End Web Designer

When the word “Designer” is included in the job title. This will denote that the designer will

Posses  front-end skills (I.e., HTML. & CSS) but also professional design (Visual Design and

Interraction Design) skills.

Web/Front-End user Interface (aka UI) Developer/Engineer

NEXT