Javascript greek, μαθήματα στα ελληνικά bonus (Προπαίδεια)

Показать описание

Γνωρίστε τη γλώσσα προγραμματισμού javascript μέσα απο μία σειρά βίντεο στα ελληνικά.

Σ' αυτό το βίντεο φτιάχνουμε ένα μικρό προγραμματάκι για δικακτικούς σκοπους. Το πρόγραμμα προπαίδεια για την εκπαίδευση παιδιών του δημοτικού. Το πρόγραμμα ειναι μια ευκαιρία για περισσότερη εξάσκηση.

Για να παρακολουθήσετε αυτή τη σειρά ειναι απαραίτητη μια στοιχειώδης γνώση της html. Αν δε γνωρίζετε html μπορείται να εξοικειωθείτε μαζί της απο αυτή τη σειρά βίντεο:

Σε αυτό το βίντεο χρησιμοποιούμε css selectors. Αν δε γνωρίζεται css μπορείτε να εξοικειωθείτε παρακολουθόντας την παρακάτω σειρά:

Рекомендации по теме

Комментарии

Πολύ ωραίο, καλή εξάσκηση!
Και έξυπνη λύση με την αναδρομή!
Θα μπορούσε να δωθεί σαν άσκηση για όποιον έχει όρεξη, να μετατρέψει την αναδρομή σε for loop.
( είναι γνωστό οτι κάθε αναδρομή ισοδυναμεί με ένα loop)

dimitrisandroid

Πολύ καλo video γιατί αρχίζει κάποιος να καταλαβαίνει σιγά σιγά
τι ειναι όλα αυτά που μάθαινε!

TheJvorte

Για αριθμούς Fibonacci μια άσκηση αν μπορείς βάλε γιατί δεν το είχα καταλάβει ποτέ, όπως και επίσης short και bubble short αν σου είναι εύκολο!

LeonKoundouras

Γεια σας,

γενικά είναι καλή τεχνική να γράφουμε html σε αρχείο javascript? πχ εδω εσείς έχετε γράψει λίγο όπως στο 9:45 χρονικό σημείο του κώδικα..

Επίσης ποια είναι η διαφορά του innerTEXT και του innerHTML?

spyross

Στην αρχή νόμιζα πως δεν εκτελούταν σωστά το recursive function αλλά μετά κατάλαβα τι έκανε. Εγώ απλά πρόσθεσα να έχει μέχρι 9 προσπάθειες με if (tries < numbers.length) tries++;

LeonKoundouras

Καλησπερα
Αρχικα να πω ενα μεγαλο ευχαριστω για τα βιντεακια, το χρονο και τον κοπο σου για να βοηθησεις ολους εμας :)

Τωρα αντιμετωπιζω σε ολα τα sections το ιδιο περιεργο προβλημα προβλημα, δεν μου εκτελουνται οι εντολες με τη χρηση $
Εχω ψαξει και στο google αλλα δε βρηκα καποια λυση, θεωρητικα ολα ειναι σωστα.
θα μπορουσε καποιος να δοκιμασει με copy pase τις παρακατω γραμμες κωδικα:

"use strict";
let tries = 0;
let success = 0;
const numbers = [2, 3, 4, 5, 6, 7, 8, 9]
let choice= prompt('Για ποιον αριθμο θελεις να δοκιμασεις')
let h3 = document.querySelector('h3')
let h4 = document.querySelector('h4')
h3.innerHTML = '2 x ${choice}='

σε εμενα βγαινει το παραθυρο, εισαγω αριθμο αλλα στο web εμφανιζει
2 x ${choise}=

δοκιμασα να αλλαξω τα single quotes ' ' με double " " αλλα παλι το ιδιο, αλλαξα browser, εβαλα ερωτηματικα αλλα δεν διαβαζει το choise ως μεταβλητη αλλα ως string
τρεχοντας console.log(typeof choice); μου επιστρεφει string στη κονσολα

προσπαθω να καταλαβω αν φταει κατι στο typing του πληκτρολογιου μου, δε ξερω τι αλλο να σκεφτω
αν μπορουσε καποιος να το δοκιμασει με copy paste θα με βοηθουσε να καταλαβω αν τρεχει σε αλλο pc.

gregokats

Kαλησπέρα. Στην γραμμή 20 το value τι εξυπηρετεί? Εμένα με το value δεν δούλευε ενώ όταν το αφαίρεσα λειτουργούσε κανονικά/

MK_con

Καλημερα και συγχαρητηρια για τα εξαιρετικα βιντεακια, εγραψα τον κωδικα ως εχει και μου βγαζει σφαλμα Uncaught TypeError: document.querySelector(...) is null, παιζει να ειναι deprecated?

ΚωνσταντίνοςΖαρταλούδης

Μια απορία που είχα είναι πως μπορώ να συγκρίνω 2 strings που περιέχουν μέσα κώδικα JavaScript, αν είναι ίδια ή όχι.

LeonKoundouras

Συγχαρητήρια και από εμένα για το βίντεο! Είναι όντως "bonus" μάθημα για να συνεχίσεις με όρεξη!
Αυτό που παρατήρησα είναι ότι πατώντας το button συνεχίζει τις προσπάθειες επ' άπειρον αντί να σου κάνει για παράδειγμα refresh τη σελίδα για να επιλέξεις ξανά αριθμό. Αυτό οφείλεται σε λάθος στον κώδικα μου ή δεν έχουμε προσθέσει κάτι;

ΦώτηςΤσιούμας-κμ

Την καλησπέρα μου και συγχαρητήρια για την ωραία μαθήματα που μας προσφέρεις
Έκανα το πρόγραμμα και ενώ όλα δουλεύουν κανονικά, στην επανάληψη όταν πάει στον επόμενο αριθμό δεν με ανανεώνει στον browser
το numbers[i] Επειδή δε θέλω να πάω παρακάτω αφήνοντας κάτι που πιθανόν να το βρώ μπροστά μου αργότερα, αν σου ειναι ευκολο
κανε copy - paste και πες μου σε παρακαλώ που είναι το λάθος (έχω το χαρακτήρας ` κάτω απ το esc )
Σ'ευχαριστώ το χρόνο σου

"use strict";
let tries = 0;
let success = 0;
const numbers = [2, 3, 4, 5, 6, 7, 8, 9]
let choice= prompt('Για ποιον αριθμο θελεις να δοκιμασεις')
let h3 = document.querySelector('h3')
let h4 = document.querySelector('h4')

let i = 0 ;

function ask(){
h3.innerHTML = `
${numbers[i]} x ${choice}=
<input type="text" id="answer" size="3">
<button>OK</button>
`
, function(){
if (numbers[i] * choice ){
h4.innerText = 'Συγχαρητήρια'
success++;
i++
} else {
h4.innerText='Δοκίμασε ξανά...'
}
tries++
` Σκόρ : ${success} στις ${tries} προσπάθειες `
if ( i < numbers.legth) ask()
})
}

ask()

Miriskos

Τουλάχιστον μέχρι να ανεβάσεις τα καινούργια μαθήματα μπορείς ίσως να μας βάλεις κάποιες ασκήσεις που αφορούν τα προηγούμενα για να είμαστε έτοιμοι;

LeonKoundouras

Είχα μια ιδέα αργότερα να φτιάξουμε μαζί μια εφαρμογή που θα έχει τεστ για προγραμματιστές με αποτελέσματα. Πχ για HTML CSS JavaScript, , να επιλέγει ο χρήστης και να έχει σκορ που θα ξεκλειδώνει αλλά τέστ. Αν έχει όρεξη κάποιος να το κάνουμε ή εσείς σε βίντεο θα έχει αρκετό ενδιαφέρον!

LeonKoundouras

Javascript greek, μαθήματα στα ελληνικά bonus (Προπαίδεια)

Javascript greek, μαθήματα στα ελληνικά 1 (Εισαγωγή)

Javascript greek, μαθήματα στα ελληνικά 23 (CLASSES, OOP)

Javascript greek, μαθήματα στα ελληνικά 4 (strings)

Javascript Μάθημα 1 - Εισαγωγή στην Javascript

Javascript greek, μαθήματα στα ελληνικά 30 (Babel JS)

Javascript greek, μαθήματα στα ελληνικά 24 (Class inheritance, chain methods)

Javascript greek, μαθήματα στα ελληνικά 25 (PROTOTYPING)

Javascript greek, μαθήματα στα ελληνικά 22 (POST/PUT/DELETE)

Javascript greek, μαθήματα στα ελληνικά 2 (Identifiers)

Javascript greek, μαθήματα στα ελληνικά 3 (arrays)

Javascript greek, μαθήματα στα ελληνικά 5 (objects)

Javascript greek, μαθήματα στα ελληνικά 9 (Τελεστές)

Javascript greek, μαθήματα στα ελληνικά 8 (If & switch)

Javascript greek, μαθήματα στα ελληνικά bonus (Προπαίδεια)

Javascript greek, μαθήματα στα ελληνικά 18 (Asynchronous Javascript)

Javascript greek, μαθήματα στα ελληνικά 28 (Πέτρα Ψαλίδι Χαρτί)

Javascript greek, μαθήματα στα ελληνικά 7 (While, Do while, logical operators)

Javascript greek, μαθήματα στα ελληνικά 17 reduce, sort(Array methods 3/3)

Javascript greek, μαθήματα στα ελληνικά 19 (Callbacks)

μαθήματα της JavaScript για παιδία ( μέρος πρώτο )

Javascript greek, μαθήματα στα ελληνικά 15 (Array methods 1/3)

Javascript greek, μαθήματα στα ελληνικά 12 (Browser Side)

Javascript greek, μαθήματα στα ελληνικά 20 (Promises)

Javascript greek, μαθήματα στα ελληνικά 16 filter, map (Array methods 2/3)