iXdi - Σύγχρονος προγραμματισμός

Δημοσιεύσεις για το θέμα 'front-end-development'


Πώς δημιουργήσαμε μια βιβλιοθήκη στοιχείων που οι άνθρωποι απολαμβάνουν να χρησιμοποιούν
Πώς δημιουργήσαμε μια βιβλιοθήκη στοιχείων που οι άνθρωποι απολαμβάνουν να χρησιμοποιούν Το σύστημα σχεδίασης της Sprout Social, Seeds , έχει μεγαλώσει πολύ από τότε που κυκλοφόρησε τον Οκτώβριο του περασμένου έτους. Όταν ξεκινήσαμε, το σύστημά μας ήταν το σπίτι σε τέσσερις κατηγορίες κατευθυντήριων γραμμών και αρχών: Επωνυμία, Οπτική, Γραπτή και Προϊόν. Μια υγιής εμφάνιση, σίγουρα, αλλά κάτι έλειπε ύποπτα — εξαρτήματα. Το Sprout είχε μια βιβλιοθήκη στοιχείων React περισσότερο από..

Εισαγωγή στους Εργάτες Ιστού: Εκτελέστε JavaScript στο παρασκήνιο 🔥
Ως προγραμματιστής web front-end, αναζητώ συνεχώς νέους τρόπους για να βελτιώσω τον κώδικά μου και να δημιουργήσω τους πιο αποτελεσματικούς και φιλικούς προς το χρήστη ιστότοπους. Γι' αυτό Είμαι τόσο ενθουσιασμένος που μοιράζομαι μια από τις πιο πρόσφατες ανακαλύψεις μου μαζί σας: Web Workers. Το Web Workers είναι λειτουργίες HTML5 που σας επιτρέπουν να εκτελείτε κώδικα JavaScript στο παρασκήνιο χωρίς…

Γιατί πρέπει να αποφεύγετε τις προεπιλεγμένες εξαγωγές σε λειτουργικές μονάδες JavaScript
Μια βαθύτερη ματιά στο γιατί οι προεπιλεγμένες εξαγωγές μπορούν να προκαλέσουν προβλήματα στο JavaScript Οι λειτουργικές μονάδες JavaScript αποτελούν μέρος της γλώσσας από την κυκλοφορία του ES6 το 2015. Οι λειτουργικές μονάδες είναι ένας τρόπος οργάνωσης κώδικα σε επαναχρησιμοποιήσιμα στοιχεία που μπορούν να μοιραστούν σε διαφορετικά αρχεία και έργα. Παρέχουν έναν καθαρό τρόπο ενθυλάκωσης…

4 Ωφέλιμες Συμβουλές συνέντευξης JavaScript
4 πολύτιμες συμβουλές συνεντεύξεων που πρέπει να έχουν υπόψη οι προγραμματιστές JavaScript κατά τη διάρκεια των συνεντεύξεων για δουλειά. Σε αυτήν την ανάρτηση, θα μοιραστώ 4 πολύτιμες συμβουλές συνεντεύξεων JavaScript που θα πρέπει να έχουν υπόψη τους οι προγραμματιστές JavaScript στη διαδικασία συνέντευξης. Μερικές από αυτές τις συμβουλές προέρχονταν στην πραγματικότητα από προσωπική εμπειρία όταν έκανα αίτηση για θέσεις, και κάποιες ελήφθησαν από περιόδους που ο Εγώ έπαιρνα..

Πώς να δημιουργήσετε ένα εργαλείο υδατογραφήματος εικόνας με καμβά HTML
Ο καμβάς HTML είναι ένα πολύ ευέλικτο στοιχείο που μπορεί να χρησιμοποιηθεί για σχέδιο, κινούμενα σχέδια και χειρισμό εικόνας. Σε αυτό το άρθρο, θα δημιουργήσουμε ένα εργαλείο στο πρόγραμμα περιήγησης που μπορείτε να χρησιμοποιήσετε για να προσθέσετε υδατογραφήματα σε εικόνες. Θα χρησιμοποιήσουμε βανίλια JavaScript και Bootstrap για styling. Θα καλύψουμε μερικά από τα βασικά στοιχεία του HTML Canvas, όπως το σχέδιο, η τοποθέτηση και η αποθήκευση εικόνων. Εάν είστε νέοι στο Canvas..

Εξαγωγή γραφημάτων πίνακα ελέγχου σε PDF
Εξαγωγή γραφημάτων πίνακα ελέγχου σε PDF σε 5 βήματα. Εδώ θα εξηγήσω πόσο εύκολο είναι να εξαγάγετε γραφήματα από τον Πίνακα ελέγχου με μία από τις βιβλιοθήκες JavaScript ανοιχτού κώδικα και πολλές γραμμές κώδικα. Για να ξεκινήσω, μόλις δημιούργησα έναν απλό πίνακα ελέγχου με 3 γραφήματα: γράφημα γραμμών, γράφημα ράβδων και γράφημα πίτας. Για τη δημιουργία γραφημάτων χρησιμοποίησα το ChartJS, αλλά μπορούμε να χρησιμοποιήσουμε διαφορετικές βιβλιοθήκες γραφημάτων όπως D3, ECcharts..

Angular & Laravel (Μέρος Ι)
Ποιος ήξερε ότι θα μάθαινα Angular, αλλά εδώ προσπαθώ να μάθω μια νέα γλώσσα μόνος μου. Το έργο στο οποίο πρόκειται να δουλέψω είναι στο angular για το οποίο δεν έχω καμία γνώση. Ας ξεκινήσουμε από τα βασικά. Από ό,τι ξέρω για το angular είναι ότι είναι μια ανεπτυγμένη έκδοση του σεναρίου Java. Χρησιμοποίησα λοιπόν Java script για φόρμες και την επικύρωσή της. Έτσι είπαν ότι είναι παρόμοιο με το JS. Αλλά όταν έλαβα το επερχόμενο έργο μου, μερικά…

Νέα υλικά

Απόσπασμα Javascript για λήψη ενός Google-Spreadsheet πολλών φύλλων σε JSON
Θα θέλατε να κάνετε λήψη του υπολογιστικού φύλλου πολλών φύλλων Google σε μια απλή μορφή όπως αυτή; Ακολουθήστε αυτά τα βήματα: Δημοσιεύστε πρώτα το υπολογιστικό φύλλο σας Google...

Έργο Fullstack Generator URL με React18, ASP.NET Core WebAPI (.NET 7) και TypeScript
Αυτό το άρθρο πρόκειται να παρουσιάσει το πρόσφατο βίντεο μου στο YouTube: Εισαγωγή Σε αυτό το βίντεο, θα δημιουργήσουμε ένα έργο Fullstack URL Generator χρησιμοποιώντας React18,..

Ο πιγκουίνος μαγεύει
Ουάου! Τι καταπληκτικό τριήμερο ήταν αυτό. Τι ευλογία που ήταν, δεν θα ήταν κανείς πιο ευγνώμων από το να είσαι μέλος του πιγκουίνου της ομάδας μας. Εδώ είναι το συναρπαστικό μέρος :Καταρχήν μας..

Super Easy Prettier + Eslint + Ενσωμάτωση VSCode
Super Easy Prettier + Eslint + Ενσωμάτωση VSCode Prettier + Eslint + Vscode + React όλα σε ένα πακέτο 📦 Εγκατάσταση όλων των εξαρτήσεων $ yarn add --dev eslint eslint-config-airbnb..

Πώς να προσεγγίσετε την εξαγωγή δομημένων δεδομένων από εικόνες
Έχω κάνει πολλή επεξεργασία εικόνας τον τελευταίο καιρό, με στόχο την εξαγωγή των δομημένων δεδομένων που είναι ορατά μέσα σε μια εικόνα. Ενώ έχω ακόμα φρέσκο ​​μυαλό για αρχάριους και πολλά..

The Perpetual Student: Γιατί ένας Μηχανικός Λογισμικού μαθαίνει πάντα
Στον ταχέως εξελισσόμενο κόσμο της τεχνολογίας, οι μηχανικοί λογισμικού μαθαίνουν συνεχώς. Ο τομέας της ανάπτυξης λογισμικού είναι δυναμικός, με τα εργαλεία, τις γλώσσες, τα πλαίσια και τις..

Καθαρισμός δεδομένων, Επιλογή χαρακτηριστικών, Μοντελοποίηση και Ερμηνευσιμότητα
Ο καθαρισμός δεδομένων, η επιλογή χαρακτηριστικών, η μοντελοποίηση και η ερμηνευτικότητα είναι κρίσιμα βήματα για την ανάπτυξη ενός επιτυχημένου μοντέλου μηχανικής εκμάθησης. Τα ακριβή και..