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

Arduino_CSE ece ppt for working and principal of arduino.pptSAURABHKUMAR892774

Work Experience-Dalton Park.pptxfvvvvvvvLewisJB

welding defects observed during the weldingMuhammadUzairLiaqat

Transport layer issues and challenges - GuideGOPINATHS437943

multiple access in wireless communicationpanditadesh123

US Department of Education FAFSA Week of ActionMebane Rash

11. Properties of Liquid Fuels in Energy Engineering.pdfHafizMudaserAhmad

THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTIONjhunlian

Input Output Management in Operating SystemRashmi Bhat

Energy Awareness training ppt for manufacturing process.pptxsiddharthjain2303

home automation using Arduino by Aditya Prasadaditya806802

Sachpazis Costas: Geotechnical Engineering: A student's Perspective IntroductionDr.Costas Sachpazis

Ch10-Global Supply Chain - Cadena de Suministro.pdfChristianCDAM

Engineering Drawing section of solidnamansinghjarodiya

Design and analysis of solar grass cutter.pdfTagore Institute of Engineering And Technology

Instrumentation, measurement and control of bio process parameters ( Temperat...121011101441

"Exploring the Essential Functions and Design Considerations of Spillways in ...Erbil Polytechnic University

Industrial Safety Unit-IV workplace health and safety.pptNarmatha D

Research Methodology for Engineering pdfCaalaaAbdulkerim

complete construction, environmental and economics information of biomass com...asadnawaz62

Recently uploaded (20)

Arduino_CSE ece ppt for working and principal of arduino.ppt

Work Experience-Dalton Park.pptxfvvvvvvv

welding defects observed during the welding

Transport layer issues and challenges - Guide

multiple access in wireless communication

US Department of Education FAFSA Week of Action

11. Properties of Liquid Fuels in Energy Engineering.pdf

THE SENDAI FRAMEWORK FOR DISASTER RISK REDUCTION

Input Output Management in Operating System

Energy Awareness training ppt for manufacturing process.pptx

home automation using Arduino by Aditya Prasad

Sachpazis Costas: Geotechnical Engineering: A student's Perspective Introduction

Ch10-Global Supply Chain - Cadena de Suministro.pdf

Engineering Drawing section of solid

Design and analysis of solar grass cutter.pdf

Instrumentation, measurement and control of bio process parameters ( Temperat...

"Exploring the Essential Functions and Design Considerations of Spillways in ...

Industrial Safety Unit-IV workplace health and safety.ppt

Research Methodology for Engineering pdf

complete construction, environmental and economics information of biomass com...

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