Uważaj na człowieka, którego nie interesują szczegóły.
— William Feather
Terminy rozliczenia się z projektów:
- zaliczenie: ISODate("2016-04-01T12:00:00.000Z")
- egzamin: ISODate("2016-05-21T12:00:00.000Z")
Projekty tworzymy w repozytoriach Git.
- W repozytoriach nie powinno być śmieci, np. plików backup edytora itp.
- Pull requests z linkami do projektów na zaliczenie i egzamin należy wpisać w pliku laboratoria.md, wg schematu:
czyli:
1. [Imię Nazwisko](link do repo z kodem). [Jakaś nazwa](link do wdrożonej strony).
1. Zapoznać się z notacjami:
- Markdown. Cheatsheet.
- AsciiDoctor – a fast text processor & publishing toolchain for converting AsciiDoc to HTML5, DocBook & more.
Korzystając z tych notacji przygotować trzy strony:
- Tabelka. Przeczytać AsciiDoc New tables. Przygotować stronę z 5 różnymi i interesującymi tabelkami.
- GeoJSON. Simply edit GeoJSON map data. Na jednej ze stron wstawić mapkę korzystającą Leaflet lub Google Web Components.
- Matematyka. Matematykę na stronach wpisać w notacji MathJax. Przygotować stronę ze wzorami matematycznymi.
Gotowe strony wdrożyć na Firebase.
2. GitHub Pages | Firebase.
W stronach przygotowanych w pkt. 1. (lub nowych) wykorzystać jeden z frameworków wymienionych poniżej:
- Material Design Lite. Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible.
- Foundation – the most advanced responsive front-end framework in the world
- Bootstrap – the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web
Stronę umieścić na GitHub Pages lub na Firebase.
Przygotować prostą aplikację WWW korzystając z frameworka Meteor. Aplikację wdrożyć (ang. deploy) na zewnętrznym serwerze.
Zamiast frameworka Meteor można użyć frameworka React – Getting Started, Tutorial, React for Beginners.
Użyteczne linki:
- Meteor
- David Turnbull. Your First Meteor Application – a Complete Beginner’s Guide to the Meteor JavaScript Framework
- Discover Meteor (polskie tłumaczenie)
- Creating your first app in React+Meteor
- Marijn Haverbeke. Eloquent JavaScript
- Kyle Simpson. You Don't Know JS – book series
- Nicholas C. Zakas. Understanding ECMAScript 6
- John Resig.
- JavaScript reference – Mozilla Developer Network (MDN)
ES6+
- Sindre Sorhus. ES.next showcase
- Matt Greer. JavaScript Promises ... In Wicked Detail
- Aidan Feldman. Advanced JavaScript
- David Leonard. es6-cheatsheet – Minimalist examples of ES6 functionalities
Small frameworks:
- Bulma – Sass based