Font-End Hero

•

34 likes•7,004 views

Lecture about front-end engineering state of the art. The lecture was given for students of Computer Science at Boa Viagem College in Recife [Brazil].

Engineering Technology

Alessandro Lima
Thinker
UX Designer
Front-end
Technical Leader
Project leader

15 Years experience
professor
Love Do It Your self
Comic books are awesome
I Believe in humanity
...and i believe in superheros

Who are and what they
do The Front-ends?

SVG
ANIMATIONS
PRE-PROCESSORS
TEST
LOCAL STORAGE
GRID SYSTEM
DEBUG TOOLS
DEBUG TOOLS
PERFORMANCE
SEO
TASK RUNNER
MORE..

What's hot

Designing in the Browser - Mason Wendell, Drupaldelphiacanarymason

Using type script to build better appsColdFusionConference

16 Things Designers wish Developers 'got' (in no particular order)Denise (Dee) Teal

CSS Grideystein

PortfolioSiva Ram

Smarter Grids with Sass and SusyMichelle Barker

OOScss Architecture For Rails AppsNetguru

Cool shits javascript can doalexdong

FEI 2013 - Nette frameworkAdam Štipák

Designing in the Browser - Design for Drupal, Boston 2010canarymason

Responsive Web Design with BootstrapJason Stehle

Markdown vs. WYSIWYG - Stop using the web like a word document Zensations GmbH

Web designingsatheesh sutharapu

Smarter Grids with Sass and Susy...and Wordpress!Michelle Barker

hey I founded a tech startup...OH SHIT I CAN'T CODE. #barcampsg7Elisha Tan

Drupaldelphia Shortcuts Cheats And Cheap Stuntscanarymason

Creating Living Style Guides to Improve PerformanceNicole Sullivan

Themer's roundtablecanarymason

What's hot (18)

Designing in the Browser - Mason Wendell, Drupaldelphia

Using type script to build better apps

16 Things Designers wish Developers 'got' (in no particular order)

CSS Grid

Portfolio

Smarter Grids with Sass and Susy

OOScss Architecture For Rails Apps

Cool shits javascript can do

FEI 2013 - Nette framework

Designing in the Browser - Design for Drupal, Boston 2010

Responsive Web Design with Bootstrap

Markdown vs. WYSIWYG - Stop using the web like a word document

Web designing

Smarter Grids with Sass and Susy...and Wordpress!

hey I founded a tech startup...OH SHIT I CAN'T CODE. #barcampsg7

Drupaldelphia Shortcuts Cheats And Cheap Stunts

Creating Living Style Guides to Improve Performance

Themer's roundtable

Viewers also liked

Startup Technology: Cheatsheet for Non-TechiesFreedactics

The ProgrammerKevlin Henney

Mobile-First SEO - The Marketers Edition #3XEDigitalAleyda Solís

Evangelizing Your "Thing" At Hardware HackathonsRex St. John

Salas da fmuc 2014 15 1º-semestrecommed1

Software Industry Demystified for New EngineersAjay Shrivastava

Startup Wekend: Kick-Ass: making disruptive innovation work for you Engage // Innovate

Organic Pet Food: An Exercise in Knowing Your AudienceContent Equals Money

The Power of Live Streaming: How To Build An Engaged Audience & Grow Your BrandAlexa Carlin

Superhero ppt.113670

Writing about SuperheroesKids Work

Superhero project pt1 (describe a superhero)EslSparks

MongoDB and the MEAN StackMongoDB

Superhero project pt2 (create a hero)EslSparks

Superheroes power pointMixmasterMalloy

Looking For Learning In 21st Century Classrooms - A leadership guide to suppo...Justin Medved

TOR: The Onion RouterVolodymyr Ostapiv

Anonymity Systems: Torantitree

Tails Linux Operating System: The Amnesiac Incognito System in Times of High ...Maurice Dawson

What kind of superhero are you?Erika Ilves

Viewers also liked (20)

Startup Technology: Cheatsheet for Non-Techies

The Programmer

Mobile-First SEO - The Marketers Edition #3XEDigital

Evangelizing Your "Thing" At Hardware Hackathons

Salas da fmuc 2014 15 1º-semestre

Software Industry Demystified for New Engineers

Startup Wekend: Kick-Ass: making disruptive innovation work for you

Organic Pet Food: An Exercise in Knowing Your Audience

The Power of Live Streaming: How To Build An Engaged Audience & Grow Your Brand

Superhero ppt.

Writing about Superheroes

Superhero project pt1 (describe a superhero)

MongoDB and the MEAN Stack

Superhero project pt2 (create a hero)

Superheroes power point

Looking For Learning In 21st Century Classrooms - A leadership guide to suppo...

TOR: The Onion Router

Anonymity Systems: Tor

Tails Linux Operating System: The Amnesiac Incognito System in Times of High ...

What kind of superhero are you?

Similar to Font-End Hero

Going native with html5 web componentsJames York

3stages Wdn08 V3Boris Mann

Introduction to JavaScriptAnass90

Saas rad with django, django rest frameworkMarco Montanari

Building a game engine with jQueryPaul Bakaus

Rails in the Large - Neal FordKmanthei

Class 4: Introduction to web technology entrepreneurshipallanchao

Ultimate Skills Checklist for Your First Front-End Developer JobBrenna Van Norman

Workshop Intro: FrontEnd General OverviewVisual Engineering

ProtostrapMemi Beltrame

Design for developers (april 25, 2017)Thinkful

Get Hip with JHipster - Colorado Springs OSS Meetup April 2016Matt Raible

Prototyping user interactions in web appsPatrick NDJIENTCHEU

Intro to mobile web application developmentzonathen

ActiveTM - A Topic Maps - Object Mappertmra

On Selecting JavaScript Frameworks (Women Who Code 10/15)Zoe Landon

Scalable front-end architecture with Bootstrap 3 + Atomic CSSHayden Bleasel

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Rich Web Experie...Matt Raible

How to Build a Web App in Five DaysSimon Plenderleith

Dmitrii Dolzhenko: “С++ 2017 and Beyond, Deliberate Choice of Programming Lan...LogeekNightUkraine

Similar to Font-End Hero (20)

Going native with html5 web components

3stages Wdn08 V3

Introduction to JavaScript

Saas rad with django, django rest framework

Building a game engine with jQuery

Rails in the Large - Neal Ford

Class 4: Introduction to web technology entrepreneurship

Ultimate Skills Checklist for Your First Front-End Developer Job

Workshop Intro: FrontEnd General Overview

Protostrap

Design for developers (april 25, 2017)

Get Hip with JHipster - Colorado Springs OSS Meetup April 2016

Prototyping user interactions in web apps

Intro to mobile web application development

ActiveTM - A Topic Maps - Object Mapper

On Selecting JavaScript Frameworks (Women Who Code 10/15)

Scalable front-end architecture with Bootstrap 3 + Atomic CSS

Get Hip with JHipster: Spring Boot + AngularJS + Bootstrap - Rich Web Experie...

How to Build a Web App in Five Days

Dmitrii Dolzhenko: “С++ 2017 and Beyond, Deliberate Choice of Programming Lan...

Recently uploaded

The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...ranjana rawat

Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...roncy bisnoi

(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat

Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur High Profile

Call Girls Service Nashik Vaishnavi 7001305949 Independent Escort Service NashikCall Girls in Nagpur High Profile

Porous Ceramics seminar and technical writingrakeshbaidya232001

Processing & Properties of Floor and Wall Tiles.pptxpranjaldaimarysona

(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat

The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...ranjana rawat

OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...Soham Mondal

MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINESIVASHANKAR N

Introduction and different types of Ethernet.pptxupamatechverse

DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINEslot gacor bisa pakai pulsa

VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130Suhani Kapoor

(MEERA) Dapodi Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Escortsranjana rawat

Roadmap to Membership of RICS - Pathways and RoutesM Maged Hegazy, LLM, MBA, CCP, P3O

Introduction to IEEE STANDARDS and its different types.pptxupamatechverse

Top Rated Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...Call Girls in Nagpur High Profile

College Call Girls Nashik Nehal 7001305949 Independent Escort Service NashikCall Girls in Nagpur High Profile

APPLICATIONS-AC/DC DRIVES-OPERATING CHARACTERISTICSKurinjimalarL3

Recently uploaded (20)

The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...

Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...

(PRIYA) Rajgurunagar Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...

Call Girls Service Nagpur Tanvi Call 7001035870 Meet With Nagpur Escorts

Call Girls Service Nashik Vaishnavi 7001305949 Independent Escort Service Nashik

Porous Ceramics seminar and technical writing

Processing & Properties of Floor and Wall Tiles.pptx

(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...

The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...

OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...

MANUFACTURING PROCESS-II UNIT-2 LATHE MACHINE

Introduction and different types of Ethernet.pptx

DJARUM4D - SLOT GACOR ONLINE | SLOT DEMO ONLINE

VIP Call Girls Service Hitech City Hyderabad Call +91-8250192130

(MEERA) Dapodi Call Girls Just Call 7001035870 [ Cash on Delivery ] Pune Escorts

Roadmap to Membership of RICS - Pathways and Routes

Introduction to IEEE STANDARDS and its different types.pptx

Top Rated Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...

College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik

APPLICATIONS-AC/DC DRIVES-OPERATING CHARACTERISTICS

Font-End Hero

2. Alessandro Lima Thinker UX Designer Front-end Technical Leader Project leader

3. 15 Years experience professor Love Do It Your self Comic books are awesome I Believe in humanity ...and i believe in superheros

4. Who are and what they do The Front-ends?

5. WTF you DO?!

6. HTML CSS Javascript

7. not only...

8. SVG ANIMATIONS PRE-PROCESSORS TEST LOCAL STORAGE GRID SYSTEM DEBUG TOOLS DEBUG TOOLS PERFORMANCE SEO TASK RUNNER MORE..

10. Choose your editor

11. Sublime text

12. Brackets.io

13. atom.io

14.

15.

16. UI Pattern Frameworks

17. foundation

18. foundation

19. bootstrap

20. bootstrap

21. bootstrap

22. fonts

23. Font Awesome

24. Bootstrap glyphs

25. fontello

26. Html5 boilerplate

27. Boilerplate config

28. less

29. sass

30. compass

31. kube

32. Javascript end to end

33. nodeJs

34. Nosql database

35. Mongo db

36. json

37. MOngodb Sql

38. cassandra

39. hadoop

40. Amazon simple db

41. Package manager

42. bower

43. yeoman

44. Full stack javascript frameworks

45.

46.

47.

48.

49. Mean.io

50.

51. Obrigado

Font-End Hero

Recommended

Recommended

More Related Content

What's hot

What's hot (18)

Viewers also liked

Viewers also liked (20)

Similar to Font-End Hero

Similar to Font-End Hero (20)

Recently uploaded

Recently uploaded (20)

Font-End Hero