Projekty do wykonania:

1. Wprawki z notacji Markdown lub Asciidoctor (na rozgrzewkę 😅)
2. Moje notatki z … – zamiast wielokropka wpisać z czego
3. Prezentacja lub blog.

Linki do projektów na zaliczenie wpisujemy w jednym wierszu według wzoru:

1. [Nazwisko, Imię](link do strony na github.io lub firebaseapp.com), [Moje notatki z …](link do repo z notatkami).

Nasze projekty:

1. Włodek Bzyl, Projekty.
2. MJ Andrzejewski
3. Ewa Barczak
4. AA Bemke
5. K Idziak
6. D Lachowicz
7. MA Lewandowski
8. SL Majewska
9. Jacek Mankiewicz
10. EM Ostrowska-Janczak
11. MH Pieper
12. M Puciato
13. J Rajewicz
14. J Rajewicz
15. D Stoltmann
16. AM Szostak
17. M Sawicka
18. D Uss
19. J Wałek
20. A Wróblewska
21. R Wróblewski, Repozytorium
22. A Zieliński

1. Sigma:

• Konfiguracja. U dołu strony jest informacja dla studentów – loginy, adresy majlowe, stron domowych.
• Michael Hartl. Learn Enough Command Line to Be Dangerous
• Bash

1. Git:

• Michael Hartl. Learn Enough Git to Be Dangerous
• ProGit Book, v2
• Using pull requests (on GitHub)
• Konfiguracja

1. Edytory:

• Michael Hartl. Learn Enough Text Editor to Be Dangerous

1. Markdown na GitHub:

• Syntax
• GitHub Flavored Markdown

1. Asciidoctor

• AsciiDoc User’s Guide
• AsciiDoc – home page

1. GeoJSON Format Specification:

• GeoJSON.io – simply edit GeoJSON map data
• Mapping geoJSON files on GitHub

1. Prezentacje:

• Reveal.js oraz Slides

Firebase – build extraordinary apps. A powerful platform for your mobile or web application:

• Hosting Deploy your web app in seconds with our production-grade static asset hosting. From acquiring the SSL cert to serving your content on our global CDN, we do it all for you.

1. Sign in and log in.
2. Utwórz nową Appkę.
3. Na konsoli Bash wykonaj:

Następnie wykonaj:

mkdir public
asciidoctor -o public/index.html hello_world.adoc
firebase init

Przykładowy plik hello_world.adoc użyty w poleceniu powyżej jest w katalogu asciidoctor. Zamiast niego użyj własnego pliku w formacie AsciiDoctor.

• Atom – a hackable text editor for the 21st Century:
  • Atom Flight Manual – the latest version
  • packages: language-asciidoc, asciidoc-preview
  • themes: seti-syntax, seti-ui, monokai, monokai-inverted
  • keyboard shortcuts
• Secure Shell (klucz publiczny, klucz prywatny; generowanie kluczy)
• GitHub Desktop

• JS Bin – collaborative JavaScript Debugging
• CodePen – front end developer playground & code editor in the browser
• Adobe Kuler – color wheel and schemes
• Reply.it
• Atom: zmieniamy wielkość fontu w widoku „tree”, wklejając w pliku ~/.atom/styles.less ten kod:

@tree-view-font-size: 14px;
@tree-view-line-height: 28px;

.tree-view {
  font-size: @tree-view-font-size;

  .list-group li:not(.list-nested-item),
  .list-tree li:not(.list-nested-item),
  .list-group li.list-nested-item > .list-item,
  .list-tree li.list-nested-item > .list-item {
    line-height: @tree-view-line-height;
  }
  .list-group .selected::before,
  .list-tree .selected::before {
    height: @tree-view-line-height;
  }
}

Przedefinowujemy w pliku keymap.json (Settings>Keybindings) skrót do Command Palette:

'.platform-linux':
  'cmd-shift-p': 'command-palette:toggle'

Do pliku ~/.atom/snippets.cson dopisujemy dwa snippety:

'.source.asciidoc':
  'Relative link':
    'prefix': 'link'
    'body': 'link:$1[$2]'
  'Code block with title and syntax highlighting':
    'prefix': 'ch'
    'body': '[source,$1]\n----\n$0\n----'

1. Git:

• Zakładamy konto na serwerze GitHub
• Tworzymy pierwsze repozytorium na GitHub
• GitHub Guides
• Got 15 minutes and want to learn Git?

2. HTML & CSS

• HTML 5 Outliner; Chrome extension
• Thinkful HTML – wprowadzenie do HTML i CSS
  • Web Design/HTML Challenges
• Learn CSS Layout

3. HTML5

• HTML5 element list – MDN (Mozilla Developer Network)
• HTML5 Element Index
• HTML4 Element Index
• To close or not to close
• Tommi Kaikkonen:
  • Interactive Guide to Blog Typography
  • Why Websites Are White
• Materialize – a modern responsive front-end framework based on material design; zob. też Make Material Design Websites with the Materialize CSS Framework

4. CSS3

• Bootstrap
  • Less (LessCSS czy Less.js)
• Foundation
• Milligram – a minimalist CSS framework
• Cascading Style Sheets
• Getting started with CSS
• CSS Diner – where we feast on CSS Selectors!

5. JavaScript

• Marijn Haverbeke. Eloquent JavaScript – A Modern Introduction to Programming
• Kyle Simpson. You Don’t Know JS

Rozszerzenia dla przeglądarki Firefox:

• Firebug
• Firebug Command Line API

Node.js:

alias n="env NODE_NO_READLINE=1 rlwrap node"

Dokumentacja:

• MDN & JavaScript
  • Array
• John Resig. Secrets of the JavaScript Ninja – funkcje w JavaScript