WEB II - Προηγμένος σχεδιασμός
Topic outline
-
-
ForumYou can continue your study! Forum
-
-
- Περιηγητής - Browser
- Συντάκτης κώδικα - Code editor
- Terminal
- Node.js - NPM
-
- Συστήματα ελέγχου έκδοσης - Version Control Systems
- Εντολές Git - Github
- Επικοινωνία ενός τοπικού και ενός απομακρυσμένου αποθετηρίου
-
- Διαδίκτυο - Internet
- Διακομιστής Ιστού - WEB Server
- SFTP - Filezilla
- Μεταφόρτωση αρχείων σε WEB Server
- URL
-
Assignment
-
-
- Τι είναι front-end frameworks;
- Γιατί χρησιμοποιούμε Front-end frameworks;
- Bootstrap Framework
-
- Δημιουργία φακέλου έργου
- Κατέβασμα Bootstrap
- Προετοιμασία Web σελίδας με Bootstrap
- Τυπογραφία Bootstrap
-
- Προσαρμόσιμος Σχεδιασμός - Responsive WEB design
- Πλέγμα Bootstrap- Bootstrap grid system. δοχείο - container, σειρά - row, στήλη - column
- Mobile first - media queries - viewport meta tag
- Εξατομίκευση των κλάσεων CSS - Εξωτερικό αρχείο (external style sheet) - style attribute σε στοιχεία HTML (inline CSS)
- Flex order - position
-
Assignment
-
-
- Πλοήγηση - Navigation
- Navigation bars
- Breadcrumbs
- Font Awesome
-
- Κουμπιά - Buttons
- Button Groups
- Φόρμες - Forms
- Input groups
-
- HTML πίνακες - Tables
- Κάρτες - Cards
- Εικόνες - Images
- Media Object
- Ειδοποιήσεις - Alerting Users
-
Assignment
-
-
- Πλοήγηση με καρτέλες περιεχομένου - Tab Navigation Elements
- Tab Content
- Tab-content CSS
-
- Αναδίπλωση περιεχομένου - Collapse plugin
- Κάρτες - Cards
- Ακορντεόν - Accordion
-
- Tooltip
- Αναδυόμενο παράθυρο - Modal
-
- Προσθήκη carousel
- Προσθήκη κλάσεων CSS
- Προσθήκη χειριστηρίων Carousel
-
Assignment
-
-
- JQuery
- Bootstrap's JS components
-
It's your time!
-
- dist folder
- Minify
- Concatenate
- Uglify
-
Assignment
-
-
- Συναρτήσεις - Functions
- Παράμετροι - Parameters και Ορίσματα - Arguments
- Return
-
- Αντικείμενα - Objects
- Αλλαγή - Changing, Προσθήκη - Adding και Διαγραφή - Deleting ιδιοτήτων - properties
- Μέθοδοι - Methods αντικειμένων
- Η λέξη κλειδί ".this"
-
- Συναρτήσεις δόμησης – Constructor functions
- Σύνταξη της συνάρτησης δόμησης
- Μέθοδοι - Methods σε συνάρτηση δόμησης
- Προσθηκη Ιδιοτήτων - Properties και Μεθόδων- Methods
-
Assignment
-
-
- Let ή Var
- Πλεονεκτήματα του "let"
- Συναρτήσεις βέλους – arrow functions
-
- Εισαγωγή στις κλάσεις - classes JavaScript
- Η σύνταξη των κλάσεων JavaScript
- Δημιουργία αντικειμένων - objects με κλάσεις JavaScript
- Μέθοδοι μέσα στις κλάσεις JavaScript
-
- Τι είναι JSON
- Δομή JSON
- Λίστες - Arrays σε JSON
-
Assignment
-
-
- Εισαγωγή στο p5.js
- Παραδείγματα έργων p5.js
- Πώς λειτουργεί το p5.js
-
- Συναρτήσεις setup() and draw()
- Συνάρτηση createCanvas()
- Βασικά σχήματα - Primitives Shapes
-
- Συναρτήσεις χρώματος - Color functions
- Κανόνες χρωματισμού - Color rules
- Διαφάνεια - Alpha value - Transparency
-
Assignment
-
-
- Εισαγωγή στα γεγονότα - events
- mouseX and mouseY
- mouseClicked()
- mouseIsPressed()
-
- noLoop and loop
- redraw
- clear
- translate and rotate
- random
-
-
Κατεβάστε το συμπιεσμένο αρχείοmodule10Assets, αποσυμπιέστε το και τοποθετήστε τον στονp5yourName/module10φάκελο.Θα δείτε τους τρεις φακέλους
images, sounds, videosπου περιέχουν τα αρχεία πολυμέσων αυτής της ενότητας. -
- Εικόνες - Images in p5.js
- get() and set()
- Λίστα ιχνοστοιχείων - pixels array
-
- Εισαγωγή video
- Εργασίες με video
- Συνάρτηση createCapture()
-
- Φόρτωση - load και αναπαραγωγή - play sound
- Κουμπιά play και pause
- Καταγραφή ήχου - capture sound
-
Assignment
-
-
-
- Παραδοσιακή Δρομολόγηση - Routing
- JavaScript Δρομολόγηση
- Angular Δρομολόγηση
- Πώς δουλεύει ο Δρομολογητής - Angular Router
- Angular Router Ορολογία
-
- JavaScript Array filter() Method
- Εφαρμογές-Μιας-Σελίδας - Single-Page Applications (SPA)
- Deep linking
- Angular Router: Παράμετροι
- ActivatedRoute Service
-
Assignment
-
-
Assignment
-
-
- HttpClient.get
- HttpClient.post
-
Assignment
-
-
- Idea/strategy
- Scope
- Structure and Skeleton
- Surface
-
- Spamming
- Disable comments
- Add Widgets
-
- Google map
- Contact form
-
Assignment
-
It's time for the final quiz!
You have one attempt at each exercise.
To complete the Practice set you must get a grade of 60% or higher at least on one of your tries.
You can try this quiz just 3 times with a time delay of 1 day between the attempts!
-
QuizThis is the final quiz
-