diff --git a/README.md b/README.md index 5643041..f62dd6d 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,58 @@ # cloud-workshop Materials for workshop about cloud development + + +# Exercises + +## 01. Create application skeleton + +Create H1 header with title of application. +Add div tag with English word. +Add 4 buttons tags with Czech translation. + +## 02. Fix diacritics + +Add necessary header in order to display diacritics correctly. + +## 03. Add Twitter bootstrap + +Add Twitter bootstrap CDN to header to make app nicer + +- http://getbootstrap.com/getting-started/ + +## 04. Change 4 divs to buttons + +Change 4 Czech options to 4 buttons. Replace div tag by button tag and class. + +## 05. Use Twitter style of buttons + +Add CSS class definition to buttons: class="btn btn-default" + +## 06. Display alert when on button click + +Add JavaScript using jQuery and display alert after any button click. + +- https://code.jquery.com/ + +## 07. Display alert with value of clicked button + +We need to know what is value of clicked button. Find it and display it. + +## 08. Display alert with success or fail + +Compare value from clicked button and display alert with fail or success. + +## 09. Status message + +Add div with id "status" and set its "text" value instead of display alert. + +- http://api.jquery.com/text/ + +## 10. Status icon + +Display icon which indicates status. Use Twitter Glyphicons. + +- http://getbootstrap.com/components/ +- http://api.jquery.com/addClass/ +- http://api.jquery.com/removeClass/ + diff --git a/exercise-01/index.html b/exercise-01/index.html new file mode 100644 index 0000000..cf82d7a --- /dev/null +++ b/exercise-01/index.html @@ -0,0 +1,16 @@ + + + + + + +

Word catcher

+
word
+
+
dům
+
auto
+
slovo
+
škola
+
+ + \ No newline at end of file diff --git a/exercise-02/index.html b/exercise-02/index.html new file mode 100644 index 0000000..4f42492 --- /dev/null +++ b/exercise-02/index.html @@ -0,0 +1,16 @@ + + + + + + +

Word catcher

+
word
+
+
dům
+
auto
+
slovo
+
škola
+
+ + \ No newline at end of file diff --git a/exercise-03/index.html b/exercise-03/index.html new file mode 100644 index 0000000..c961f6c --- /dev/null +++ b/exercise-03/index.html @@ -0,0 +1,18 @@ + + + + + + + + +

Word catcher

+
word
+
+
dům
+
auto
+
slovo
+
škola
+
+ + \ No newline at end of file diff --git a/exercise-04/index.html b/exercise-04/index.html new file mode 100644 index 0000000..8f6684c --- /dev/null +++ b/exercise-04/index.html @@ -0,0 +1,18 @@ + + + + + + + + +

Word catcher

+
word
+
+ + + + +
+ + \ No newline at end of file diff --git a/exercise-05/index.html b/exercise-05/index.html new file mode 100644 index 0000000..7277764 --- /dev/null +++ b/exercise-05/index.html @@ -0,0 +1,18 @@ + + + + + + + + +

Word catcher

+
word
+
+ + + + +
+ + \ No newline at end of file diff --git a/exercise-06/index.html b/exercise-06/index.html new file mode 100644 index 0000000..0a7aaec --- /dev/null +++ b/exercise-06/index.html @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + +

Word catcher

+
word
+
+ + + + +
+ + \ No newline at end of file diff --git a/exercise-07/index.html b/exercise-07/index.html new file mode 100644 index 0000000..2a13b67 --- /dev/null +++ b/exercise-07/index.html @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + +

Word catcher

+
word
+
+ + + + +
+ + \ No newline at end of file diff --git a/exercise-08/index.html b/exercise-08/index.html new file mode 100644 index 0000000..2e58f36 --- /dev/null +++ b/exercise-08/index.html @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + +

Word catcher

+
word
+
+ + + + +
+ + \ No newline at end of file diff --git a/exercise-09/index.html b/exercise-09/index.html new file mode 100644 index 0000000..cbd781e --- /dev/null +++ b/exercise-09/index.html @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + +

Word catcher

+
word
+
+ + + + +
+
+ + \ No newline at end of file diff --git a/exercise-10/index.html b/exercise-10/index.html new file mode 100644 index 0000000..1092641 --- /dev/null +++ b/exercise-10/index.html @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + +

Word catcher

+
word
+
+ + + + +
+
+ + ...select word... +
+ + \ No newline at end of file