Front + Back

FullStack

=

Agenda

  1. What is front-end today?
  2. Diversity in the positions
  3. FullStack – growth path or civil duty?
  4. DataArt Odessa JS Community

What is Front-End?

Basic web technologies

  1. Hyper Text Markup Language (aka HTML)
  2. Cascading Style Sheets (aka CSS)
  3. Uniform Resource Locators (aka URLs)
  4. Hypertext Transfer Protocol (aka HTTP)
  5. JavaScript Programming Language (aka ECMAScript 262)
  6. JavaScript Object Notation (aka JSON)
  7. Document Object Model (aka DOM)
  8. Web APIs (aka HTML5 and friends or Browser APIs)
  9. Web Content Accessibility Guidelines (aka WCAG) & Accessible Rich Internet Applications (aka ARIA)​
  1. Web Browsers
  2. Headless Browsers
  3. Webviews (Cordova, NW.js, Electron, etc.)
  4. Native from Web (React Native, Flutter, NativeScript, etc.)
  5. Etc.

Where do we use web techs?

Thorny path (beginning)

Thorny path (continuation)

Thorny path (continuation)

Thorny path (continuation)

Thorny path (ending)

Diversity in the positions

The Great Divide

Front-End Developer

HTML

CSS

DOM

JavaScript

Front-End Engineer

(aka JavaScript Developer

or Full-Stack JavaScript Developer)

Computer Science

Engineering

Front-end Technologies

Software development experience

CSS/HTML Developer

HTML

CSS

no JavaScript

Front-End Web Designer

Front-end skills (HTML, CSS)

Professional design (Visual Design and Interaction Design)

UI (User Interface) Developer/Engineer

Front-end Developer skills

or

Front-end Engineering skills

+ Interaction Design

Mobile/Tablet Front-End Developer

Developing front-end that run on

mobile or tablet devices

(natively or on the web platform)

Front-End SEO Expert

Front-end technologies + SEO strategy

Front-End Accessibility Expert

Front-end technologies + support accessibility requirements

and standards 

Front-End Dev. Ops

Software development practices

pertaining to collaboration, integration,

deployment, automation and quality

Front-End Testing/QA

Testing and managing software

(unit testing, functional testing, user testing, A/B testing)

What the heck is FullStack Dev?

Generalist

Benefits of Full-Stack

  1. You can master all the techniques involved in a development project
  2. You can make a prototype very rapidly
  3. You can provide help to all the team members
  4. You can reduce the cost of the project
  5. You can reduce the time used for team communication
  6. You can switch between front and back end development based on requirements
  7. You can better understand all aspects of new and upcoming technologies

Disadvantages

  1. The solution chosen can be wrong for the project
  2. The solution chosen can be dependent on developer skills
  3. The solution can generate a key person risk
  4. Being a full stack developer is increasingly complex

MEAN Stack

MERN Stack

Community

06.02.2019 – 1st meet-up

7 meet-ups have occurred so far

  1. Developing back-end APIs with Nest.js (Malik N.)
  2. Final space or the end of front-end (Balabash V.)
  3. Basic possibilities of ES6+ specification (Chalyi A.)
  4. 1000 and 1 recipe with JavaScript (Balabash V.)
  5. JavaScript on jet fuel (Buryachkovskiy D.)
  6. Battle "Angular vs React"
  7. Highway to FPS or true animations (Buryachkovskiy D.)

The topics

Join Us!

Front + Back = FullStack

By Nikita Malik

Front + Back = FullStack

  • 709