Front-end development w 2015 roku

phone +48 696 185 029 mail [email protected] twitter @functionite

Front-end development a.d. 2015

mailto:[email protected]

mailto:[email protected]

http://twitter.com/functionite

http://twitter.com/functionite

Damian Wielgosik

ferrante.plFront-Trends

meet.jsJS News

javascript.plFunctionite

@varjs

HTML5 najlepsze ma dopiero przed sobą!

Nowa wersja JavaScriptu pt. ECMAScript 6

Nowa wersja JavaScriptu pt. ECMAScript 6 2015

ECMAScript 2015: modules

// lib/math.jsexport function sum(x, y) { return x + y;}export var pi = 3.141593;

// app.jsimport * as math from "lib/math";alert("2π = " + math.sum(math.pi, math.pi));

ECMAScript 2015: arrow functions

// Statement bodiesnums.forEach(v => { if (v % 5 === 0) fives.push(v);});

ECMAScript 2015: classes

class SkinnedMesh extends THREE.Mesh { constructor(geometry, materials) { super(geometry, materials);

this.idMatrix = SkinnedMesh.defaultMatrix(); this.bones = []; this.boneMatrices = []; //... }}

MV* frameworks

Angular 2.0

Okres dojrzewania frameworków MVC

Koniec taryfy ulgowej?

Mało wydajny Angular?

Layout trashinghttp://wilsonpage.co.uk/preventing-layout-thrashing/

// Readvar h1 = element1.clientHeight;

// Write (invalidates layout)element1.style.height = (h1 * 2) + 'px';

// Read (triggers layout)var h2 = element2.clientHeight;


// Read (triggers layout)var h3 = element3.clientHeight;


http://wilsonpage.co.uk/preventing-layout-thrashing/

http://wilsonpage.co.uk/preventing-layout-thrashing/

React.js

var HelloMessage = React.createClass({ render: function() { return <div>Hello {this.props.name}</div>; }});

React.render(<HelloMessage name="John" />, mountNode);

Meteor.js

Adobe Brackets

Webpack

Chcesz dodać obrazek do strony?Używasz znacznika <img> z HTML, bodo tego go stworzono


STOP! To tylko kolejne narzędzia zbudowane w HTML, CSS i

JavaScript


Programowania (w tym JavaScript) uczysz się raz, kolejne języki i biblioteki to tylko Twoje narzędzia


Niech nie przeraża Cię liczba nowości każdego dnia.Tak było i będzie!


2015 rokiem adaptacji


To doświadczenie jest Twoją największą wartością


2015 rokiem powrotu do dostępności (accessibility)

Chcesz dodać obrazek do strony?Używasz znacznika <img> z HTML, bodo tego go stworzonohttp://stat.gov.pl/cps/rde/xbcr/gus/ZO_stan_zdrowia_2009.pdf

http://stat.gov.pl/cps/rde/xbcr/gus/ZO_stan_zdrowia_2009.pdf

http://stat.gov.pl/cps/rde/xbcr/gus/ZO_stan_zdrowia_2009.pdf


Dostępność to mnóstwo spraw, na które nie zwracamy uwagi


Dostępność to empatia


2015 rokiem umiejętności miękkich


Szczegóły mają znaczenie


https://medium.com/@buzzusborne/god-is-in-the-details-bc3a9a9a5d88




Dobra współpraca z członkami zespołu


“Ja swoje zrobiłem, nie odpowiadam za resztę”


Produkt to efekt wspólnej pracy


Zapomnijmy o blame culture


Skupmy się na rozwiązywaniu problemów


Jesteśmy specjalistami, chcemy być profesjonalistami


Profesjonalizm to nie żartowanie z innych i słowna agresja


Profesjonalizm to nie przeklinanie w miejscu publicznym np. biurze


Profesjonalizm to nie bycie głośnym i narzucanie innym swojego podejścia do sprawy (w tym nadużywanie

stereotypów)


Profesjonalizm to poczucie odpowiedzialności


Jak widzi mnie grupa? Co zrobić, by środowisko, w którym działam stało się jeszcze bardziej przyjazne?


Dlaczego środowisko pracy ma być przyjazne?


Pomyśl, co czują inni. Czy Twoje zachowanie nie dominuje w grupie, czy ludzie łatwo mogą wnosić swoje pomysły w

grupie?


Profesjonalizm to też umiejętność przyznania się do błędu


I've missed more than 9000 shots in my career. I've lost almost 300 games. 26 times, I've been trusted to take the game winning shot and missed. I've failed over and over and over again in my life. And that is

why I succeed. M. Jordan


Profesjonalizm to dobra komunikacjaże nie dam rady

że mnie nie będzieże potrzebuję więcej czasu na to zadanie


Najgorsza rzecz to zniknąć w trakcie projektu


Profesjonalizm to zadawanie pytań innym członkom zespołu


Profesjonalizm to unikanie subiektywnych założeńwydaje mi się, że ona wie o tym


Profesjonalizm to szacunek dla wyborów innychà la pff, w PHP to teraz nikt nie pisze, wstyd


2015 rokiem obalania mitów


Nic Ci się nie należy, wszystko zdobywa się ciężką pracą


Rok 2015 rokiem odrzucania stereotypów

Jak stać się lepszym front-end developerem?

Rób code review z kimś bardziej doświadczonym

Skorzystaj z pair programmingu

Znajdź bardziej doświadczonego mentora

Przyjdź na jakiś hackaton/workshop

Język angielski a postawa rozszczeniowa

Fanatyzm a czego używać, Mac czy Windows?

Nikt nie lubi zarozumiałych

Nikt nie lubi zarozumiałych

v

Jak zacząć? Jak się rozwijać?

Front-end robi się dla ludzi!

Inspiracja jest wszędzie

Paradoksalnie... wyjrzyj za okno, przeczytaj nową książkę, dowiedz się czegoś nowego, poznaj nowych ludzi

https://jakearchibald.github.io/svgomg/



Znajdź odpowiedź na pytanie, jak moja praca może pomóc innym ludziom?

Do tego trzeba wysiłku. Zauważ, jak mało przedmiotów humanistycznych jest na studiach informatycznych...

Nie uczymy się o problemach innych ludzi.O tym, czym jest ludzkość i na czym polega empatia.

Zacznij eksperymentować, pisać, podpatrywać kod innych, naśladować

Nie bój się zadawać pytań, napisać maila do swojego autorytetu

Ciężko nauczyć się front-endu tylko siedząc i myśląc

Zatrudnij się w jakiejś firmie jako Junior Developer

Front-end: pierwsza praca w HTML5, CSS3 i JavaScript

Publikuj swoje przemyślenia, kod, udzielaj się na grupach dyskusyjnych i Twitterze

Chwal innych, doceniaj lepszych, nie bój się!

Naucz się dziękować i doceniać ludzi

Pracodawca chętniej spojrzy na kogoś, kto ma np. bloga.

Blog o front-endzie to świetna metoda na pokazanie swoich umięjetności rozwiązywania problemów i komunikacji z innymi. To świetna karta przetargowa, z której mało kto

korzysta.

Strach przed działaniem i brak przebojowości to nasz narodowy rak

Tak w ogóle, pracy w front-end developmencie jest mnóstwo!

Nie wierz narzekaczom i krzykaczom, jakich w Internecie jest pełno

JS News: Jobs

Ofert jest dużo, a pracodawcy robią wszystko, by ściągnąć Cię do teamu. Podaje się m.in. widełki płacowe.

Unikaj pychy i arogancji.Bądź pewny siebie, lecz pamiętaj o pokorze.

Wyjedź za granicę, poznaj inne kultury i podejścia

Wyjazd do pracy za granicę był dla mnie najbardziej rozwojowym wydarzeniem w życiu

Praca zdalna?

Praca w UK?

Jakie konferencje/spotkania?

WARSAWPOZNAN

CRACOWWROCLAW

GDANSK

LODZ

KATOWICE

SZCZECIN

LUBLIN

BIALYSTOK

Jakie książki czytać?

Speaking JavaScript

CSS Secrets

Eloquent JavaScript

Illustrated Guide toFront-End

Development

Maintainable JavaScriptWriting Readable Code

Effective JavaScript

http://jstherightway.org/



http://jsforcats.com/



http://diveintohtml5.info/index.html



http://jsbooks.revolunet.com/



http://ferrante.pl/books/html/



Autorytety?

http://lea.verou.me/



http://www.nczonline.net/



http://anguscroll.com/



http://www.paulirish.com/



http://addyosmani.com/blog/



http://christianheilmann.com/



http://christianheilmann.com/http://jakearchibald.com/

http://jakearchibald.com/

http://jakearchibald.com/

http://hakim.se/experiments



http://dailyjs.com/

http://dailyjs.com/

http://dailyjs.com/

http://webplatformdaily.org/



http://javascriptweekly.com



http://ferrante.pl

http://ferrante.pl

http://ferrante.pl

http://webmastah.pl/



http://uptodate.frontendrescue.org/



W Internecie łatwo o przeczytanie bzdur i plotek. Słuchaj specjalistów, unikaj anonimów i agresywnych

frustratów.

Nie żyj życiem innych...

•“Najpierw studia, potem praca”•“Na lekarza byś się wyuczył, to jest zawód”•“Nie wiem, ja bym nie dała rady tak żyć...”•“W Polsce się nie da, sami złodzieje”

Front-end development w 2015 roku

Engineering

Transcript of Front-end development w 2015 roku