Hoe u JavaScript sneller kunt leren. JavaScript helemaal opnieuw leren

2 stemmen

Hallo, lieve lezers. Terwijl iemand wanhopig op zoek is naar iets anders om op te besparen om zijn welzijn op peil te houden, investeren slimme mensen in zichzelf. Ze beseffen al lang dat kennis van technologie goed geld kan opleveren.

Hoe precies? Ik heb ongeveer 100 blogartikelen hieraan gewijd. Bijvoorbeeld "" of "". Wat kunnen we zeggen over degenen die van plan zijn iets serieus te doen? De computerkennis onder de bevolking groeit, en daarmee ook het aantal educatieve materialen. Het enige dat overblijft is het vinden van de beste.

Vandaag zullen we het hebben over JavaScript-lessen voor beginners. Als u deze programmeertaal kent, kunt u al klanten zoeken en geld verdienen. Voor sommigen zal dit de volgende stap zijn naar succes in de IT-industrie.

In het artikel van vandaag leert u waar u kunt leren coderen, krijgt u een hint hoe u dit zo efficiënt en snel mogelijk kunt doen, of gratis. Iedereen heeft zijn eigen prioriteiten, dus ik zal proberen ieders hoop te vervullen om iets nuttigs in deze publicatie te vinden.

Tegen de gewoonte in zal ik er niet te lang omheen draaien. Er is veel informatie. Laten we beginnen.

Gratis JavaScript-lessen

De financiële kwestie is voor veel beginnende programmeurs van het allergrootste belang. Dit is heel logisch. Het internet is oorspronkelijk gecreëerd als een kennisbank waarin iedereen interessante informatie kan vinden. “Waarom moet ik ineens betalen?” een volkomen logische vraag.

Helaas is het antwoord hierop ook eenvoudig: kwaliteit. Er zijn te weinig getalenteerde en onzelfzuchtige mensen in ons land die bereid zijn hun tijd gratis te geven, maar wees niet boos.

Gelukkig zijn er allerlei promoties, bonussen en cursussen in het leven geroepen om de PR voor ontwikkelaars te vergroten. Weinig bekende scholen maken materialen, maar in eerste instantie zijn ze, ter wille van feedback en beoordelingen, bereid deze gratis aan te bieden. Je hoeft alleen maar naar de juiste plaats te gaan en er de beste tijd voor te vinden. Ik heb een goede optie gevonden, die ik nu graag met je deel.

Als je niets weet over JS (dit is de wereldwijde afkorting voor JavaScript), kan ik een selectie video's van YouTube aanbevelen. Dit is een introductiecursus om helemaal opnieuw te leren, gemaakt door de online school Huxlet.

Je kunt ook de cursus volgen" Basisprincipes van programmeren » met taken op de officiële website van het bedrijf. De 17 uur training omvat 27 lessen en 21 praktische oefeningen.

Zodra de basis geleerd is, kun je door naar de volgende stap” JS: voorbereiding op het werk " De toegang is ook gratis.

Uiteraard heb ik deze cursus zelf niet gevolgd en daarom kan ik de kwaliteit niet garanderen en u vertellen over eventuele kenmerken van de training. Huxlet verscheen relatief recent en positioneert zichzelf als een internationaal team van specialisten die zich bezighouden met het opleiden van mensen van nul tot professioneel niveau.

Engelstalige teksten, cursussen, verwijzingen naar bekende bronnen als Lifehacker en Habr wekken vertrouwen. Het belangrijkste voordeel is naar mijn mening echter dat het gratis is.

Misschien zal het bedrijf iets later zichzelf kunnen bewijzen, zijn belang in deze wereld kunnen bewijzen, het niveau van de specialisten die het produceert kunnen laten zien en roem, succes en dergelijke kunnen bereiken.


Als je geen tijd wilt verspillen en zoveel wilt studeren, kun je alleen de informatie met betrekking tot JS “uitkopen”: “JavaScript. Niveau één" en "JavaScript. Niveau twee.” Toegegeven, ik denk dat je in dit geval de stage moet vergeten. Deze informatie moet worden verduidelijkt met de ontwikkelaars.

Dat is het eigenlijk. Ik wens je het allerbeste. Vergeet niet om je te abonneren mijn VKontakte-groep om wat meer te weten te komen over geld verdienen op internet. Tot de volgende keer.

Dit is het moment om JavaScript te leren. Met de release van de nieuwste JavaScript-specificatie, ECMAScript 6.0 (ES6), is het gemakkelijker dan ooit om te leren hoe u hoogwaardige applicaties in de taal kunt maken. Dit boek laat programmeurs (amateur en professional) op een zeer praktische manier kennismaken met de ES6-specificatie, samen met enkele van de bijbehorende tools en technieken.
Ethan Brown, auteur van Web Development with Node and Express, behandelt niet alleen eenvoudige en ongecompliceerde onderwerpen (variabelen, thread forking, arrays), maar ook complexere concepten zoals functioneel en asynchrone programmering. U leert hoe u krachtige en efficiënte webapplicaties kunt maken die op een Node.js-client of -server draaien.

● Gebruik ES6 om te transcompileren naar draagbare ESS-code;
● Gegevens converteren naar een formaat dat JavaScript kan gebruiken;
● Begrijp de basisprincipes en mechanismen van het gebruik van JavaScript-functies;
● Objecten leren en objectgeoriënteerd programmeren;
● Leer nieuwe concepten zoals iterators, generators en proxy-objecten;
● De complexiteit van asynchrone programmering overwinnen;
● Gebruik het documentobjectmodel voor browsergebaseerde toepassingen;
● Leer de basisprincipes van het gebruik van het Node.js-platform om server-side applicaties te ontwikkelen.

Ontdek de ingrijpende veranderingen in JavaScript die zijn teweeggebracht door de nieuwe ECMAScript 6-standaard. Bestverkopende auteur en deskundige ontwikkelaar Nicholas Zakas heeft de meest uitgebreide gids voor nieuwe objecttypen, syntaxis en coole functies gemaakt. Elk hoofdstuk bevat voorbeeldprogramma's die in elke JavaScript-omgeving kunnen worden uitgevoerd en u kennis laten maken met nieuwe functies van de taal. Na het lezen van dit boek leert u over het nut van iterators en generatoren, hoe referentiefuncties verschillen van gewone functies, welke extra opties u in staat stellen om met gegevens te werken, type-overerving, asynchrone programmering, hoe modules de manier veranderen waarop code is georganiseerd, en veel meer.
Bovendien kijkt Nicholas Zakas vooruit op de veranderingen die in ECMAScript 7 komen. Of u nu een webontwikkelaar bent of met node.js werkt, dit boek geeft u de essentiële informatie die u nodig heeft om van ECMAScript 5 naar ECMAScript 6 over te stappen.

Met dit boek kun je gemakkelijk in programmeren duiken en JavaScipt onder de knie krijgen. Je schrijft verschillende echte spellen - zoeken naar schatten op een kaart, "Hangman" en "Snake". Bij elke stap kunt u de resultaten van uw werk evalueren - in de vorm van een werkprogramma en met duidelijke instructies, voorbeelden en grappige illustraties wordt leren alleen maar leuk. Een boek voor kinderen vanaf 10 jaar.

“Node en Express zijn als machinegeweren die zilveren kogels met JavaScript afvuren.”
Steve Rosenberg, president en CEO van Pop Art Corporation

Dit boek biedt stapsgewijze instructies voor het gebruik van de nieuwe functies van ECMAScript 6 in plaats van verouderde JavaScript-programmeertrucs en -technieken. Het boek begint met een inleiding tot alle ingebouwde ES6-objecten en een beschrijving van het maken van ES6-iterators. Vervolgens bespreekt ze hoe je asynchrone code kunt schrijven met ES6 in een normale synchrone codestijl. Hieronder wordt beschreven hoe u de Reflect API gebruikt om de eigenschappen van objecten te onderzoeken en te wijzigen. Vervolgens wordt gekeken naar het maken van proxy-objecten en het gebruik ervan om het gedrag van bewerkingen op objecten te onderscheppen en te veranderen. Ten slotte toont het oudere modulaire programmeertechnieken zoals IIEE, CommonJS, AMD en HMD, en vergelijkt deze met ES6-modules die de prestaties van websites dramatisch kunnen verbeteren. Dit boek is bedoeld voor JavaScript-programmeurs met basisontwikkelingsvaardigheden die de nieuwste functies onder de knie willen krijgen van ECMAScript 6 om hun client-side programma's te verbeteren.

Terwijl je leest, leer je de basisbeginselen van programmeren, in het bijzonder JavaScript, en voltooi je een paar kleine projecten. Een van de meest interessante projecten is het creëren van je eigen programmeertaal.

Een nieuwe editie van de veelgeprezen bestseller, die zowel client- als server-side aspecten van webontwikkeling behandelt. Dit boek helpt u dynamische webprogrammering onder de knie te krijgen met behulp van de nieuwste technologieën.
Het boek staat vol met waardevol praktisch advies en bevat uitgebreid theoretisch materiaal. Om het materiaal te consolideren, vertelt de auteur hoe je een volledig functionele website kunt maken die werkt als een sociaal netwerk.
Leer de belangrijkste aspecten van de PHP-taal en de basisprincipes van objectgeoriënteerd programmeren.
Maak kennis met de MySQL-database.
Beheer cookies en sessies, zorg voor een hoog beveiligingsniveau.
Profiteer van de fundamentele mogelijkheden van de javascript-taal.
Gebruik AJAX-aanroepen om de dynamiek van uw site dramatisch te verbeteren.
Leer de basisprincipes van CSS om uw pagina's op te maken en op te maken.
Beheers de geavanceerde functies van HTML5: geolocatie, audio- en videoverwerking, weergave op canvas.

JavaScript is het belangrijkste hulpmiddel voor webontwikkelaars om internetpagina's interactief te maken. Hier is de meest complete en uitstekend gestructureerde gids voor JavaScript, waarmee u deze momenteel veelgevraagde programmeertaal perfect onder de knie kunt krijgen. In het boek wordt veel aandacht besteed aan de jQuery-bibliotheek, inclusief de modernste jQuery UI-plug-in.

JavaScript is de populairste scripttaal aan de clientzijde. Dit is de fundamentele technologie voor het maken van allerlei soorten animaties en overgangen. Het is bijna onmogelijk om zonder JavaScript te werken als je moderne client-side functionaliteit wilt bereiken. Het enige probleem met JavaScript is dat het onhandig programmeren niet vergeeft. Het Node-ecosysteem helpt de kwaliteit van uw applicaties dramatisch te verbeteren door raamwerken, bibliotheken en hulpprogramma's te bieden die de ontwikkeling versnellen en het schrijven van goede code aanmoedigen.

Dit boek is bedoeld voor programmeurs die webapplicaties willen maken (gewone websites die RESTful application programming interfaces implementeren of iets daartussenin) met behulp van JavaScript, Node en Express. Om dit boek te lezen heb je geen ervaring met Node nodig, maar wel enige ervaring met JavaScript.

De afgelopen jaren heeft het Node.js-platform zijn status snel vergroot van experimentele technologie naar de basis voor serieuze industriële projecten. Duizenden programmeurs hebben de mogelijkheid gewaardeerd om behoorlijk complexe, zwaarbeladen applicaties te bouwen op een eenvoudig, elegant en vooral lichtgewicht mechanisme. Al deze saaie woorden zijn waar, maar daar gaat het niet echt om. Allereerst is Node.js absoluut leuk en spannend en erg leuk om mee te werken! De auteur biedt een rondleiding door deze technologie, die zeker niet saai zal zijn, want Node.js is geweldig! Er is één bijzonderheid: het is onmogelijk om over het gebruik van Node.js te praten los van andere technologieën van moderne webontwikkeling (en Highload-ontwikkeling in het bijzonder). Ik heb dit niet gedaan, omdat ik een overzicht gaf van de tools waar we tegenwoordig moeilijk zonder kunnen. Allereerst is JavaScript een prachtige taal, en het boek behandelt wat er nieuw is in de nieuwste en toekomstige specificaties (EcmaScript 5 en 6). Daarnaast wordt een korte introductie gegeven over de meeste gerelateerde webtechnologieën - van NoSQL-datastores (Memcached, MongoDB, Redis) tot CSS-preprocessors en MVC JavaScript-frameworks. Natuurlijk kan dit boek niet worden beschouwd als een volwaardige tutorial over MongoDB, LESS of EcmaScript 6, Dark of CoffeScript, maar het geeft basisideeën over deze nogal interessante dingen, voldoende om aan de slag te gaan.

De moderne wereld van internet is heel moeilijk voor te stellen zonder JS. JavaScript is de ziel van een website, omdat alle interactieve acties door JS worden uitgevoerd. JavaScript is een ingebouwd onderdeel van webprogrammering en hoeft dus niet te worden geïnstalleerd of geconfigureerd.

Videoles:

JavaScript is in de eerste plaats een taal aan de clientzijde, die doorgaans wordt gebruikt voor werk aan de clientzijde. Met zijn hulp kunt u applicaties ontwikkelen met een grote verscheidenheid aan functionaliteit. Dit kan zijn: een analoog van een mechanisch horloge, verschillende animaties, grafische effecten en meer. Niets houdt je tegen om vrijwel de gehele webapplicatie in JS te maken.

Tegenwoordig is het moeilijk om de rol van JavaScript op internet te overschatten. Volgens de statistieken van w3tech gebruikt tegenwoordig meer dan 95% van de websites JS. De overige 5% zijn voornamelijk visitekaartjesites en websites van één pagina. De ongelooflijke populariteit van de taal maakt het een van de meest wenselijke talen om te leren en winstgevend in termen van toekomstige werkgelegenheid.

Opgericht in 1995 door Netscape. Aanvankelijk bedoeld als scripttaal voor hun Navigator 2-browser. In het begin heette het LiveScript. De ontwikkelaars profiteerden van de populariteitsgolf van Java en veranderden de naam in JavaScript. Tot op de dag van vandaag worden ze echter vaak verward door beginnende ontwikkelaars. Veel mensen beweren dat deze talen hetzelfde zijn of kleine verschillen hebben. Dit is helemaal niet waar, JS en Java zijn totaal verschillende talen. De enige overeenkomst tussen hen zijn hun namen.

Aanvankelijk beschikte JS niet over de meeste functies die vandaag de dag beschikbaar zijn; de mogelijkheden waren uiterst mager. Het belangrijkste doel was gewoon om een ​​beetje interactiviteit aan de pagina toe te voegen. De ontwikkelaars wilden dat de resultaten na klikken op de knop binnen één pagina zouden worden verwerkt.

Naarmate het web zich ontwikkelde, samen met de release van , kreeg JavaScript carte blanche om veel functies actief te ontwikkelen. Tegenwoordig biedt JS veel meer ontwikkelaarsopties dan ooit tevoren.

JavaScript kan nu worden gebruikt als taal op de server. Voorheen werd JS altijd puur beschouwd als een client-side taal die uitsluitend in de browser van de gebruiker draaide. Om met de server te werken, moest ik zoiets gebruiken als , . Dit maakte het mogelijk om verzoeken op de server uit te voeren met behulp van JS.

Ondanks de mogelijkheid om de serverkant in Node JS te implementeren, gebruikt het grootste deel van het web hiervoor PHP. Dit is niet alleen het gevolg van gewoonte, maar ook van het gebrek aan behoefte aan een andere taal.

In de moderne wereld is er sprake van een hausse in de ontwikkeling van mobiele apparaten, waar deze een plek voor zichzelf heeft gevonden JavaScript. Dit draagt ​​bij aan de verhoogde productiviteit van mobiele gadgets en het wijdverbreide gebruik van HTML5. Met JS kunt u een breed scala aan functies implementeren, zelfs in mobiele toepassingen.

Vanwege de release van nieuwe versies van Windows vanaf 8 en nieuwer, werd JavaScript gebruikt om desktopapplicaties voor de genoemde besturingssystemen te ontwikkelen. Met andere woorden, JS is al lang buiten het bereik van een webtaal die uitsluitend door de browser wordt gebruikt.

Veel van wat ooit science fiction werd genoemd, is nu met succes geïmplementeerd in JavaScript. Dit is vooral duidelijk zichtbaar in het populaire gebied van IoT-programmering. JS kan dus met succes worden gebruikt om waterprogramma's te ontwikkelen door alle bestaande slimme apparaten die internet ondersteunen. Tegenwoordig is JS bijna overal te vinden waar IT kan komen. Het is eigenlijk een populaire en ongelooflijk functionele taal die van plan is zich te blijven ontwikkelen.

Zelfs tijdens de opkomst van de taal creëerden de Netscape- en IE-browsers verschillende implementaties van de taal. Om alle implementaties te verenigen en een gemeenschappelijke noemer te herstellen, werd de ECMAScript-standaard ontwikkeld (ECMA nam het beheer van de standaardisatie over). Als je de term ECMAScript ergens tegenkomt, is het een uitwisselbaar synoniem met JavaScript.

ECMA heeft vandaag al een aantal standaarden voor JS ontwikkeld; deze weerspiegelen met succes de vooruitgang in de ontwikkeling van de taal zelf. Tegenwoordig wordt de ECMAScript 6-versie uit 2015 als actueel beschouwd. Veel browsers zijn echter nog lang niet in staat deze standaard volledig te implementeren. Het kan nog enkele jaren duren voordat de implementatie ervan is voltooid. Om deze reden wordt ES5 vaak beschouwd als de standaard die volledig wordt ondersteund door moderne browsers.

JavaScript is een geïnterpreteerde taal, wat betekent dat het wordt uitgevoerd via een tolk. Het ontvangt alle benodigde instructies van JS en volgt deze door de code uit te voeren of te interpreteren.

Ontwikkelingshulpmiddelen

Om code in JS te maken, heb je alleen een teksteditor en een browser nodig waarin je het resultaat kunt testen. Een van de eenvoudige en functionele teksteditors die ik zou aanraden is Notepad++. Over het algemeen kunt u elke geschikte gebruiken.

JavaScript Het ondersteunt ook een aantal ontwikkelomgevingen, zoals Visual Studio, WebStorm, Netbeans. Ze helpen u veel sneller en eenvoudiger code te maken.

Aanvullende cursussen

Op onze website vindt u aanvullende cursussen over de taal JavaScript. Alle cursussen worden gepresenteerd op.

Webontwikkeling is een van de eenvoudigste en daarom populaire gebieden onder beginnende programmeurs. Elke teksteditor en browser is voldoende om te werken; het is niet nodig om algoritmen op een geavanceerd niveau te bestuderen, het resultaat van elke fase van het schrijven van een programma is duidelijk - over het algemeen zijn er veel voordelen. Een belangrijke vaardigheid in de context van webontwikkeling is kennis van JavaScript.

Tegenwoordig ontwikkelt JavaScript zich zeer snel, en daarom kun je gemakkelijk in de war raken bij het leren van de taal. Wij bieden u een goed gestructureerd curriculum dat alle essentiële aspecten van JavaScript en aanverwante technologieën omvat.

Waarom JavaScript?

Het is de moeite waard om de openheid van de taal op te merken: bedrijven die gewoonlijk met elkaar concurreren, werken samen om JavaScript te ontwikkelen. De taal is zeer flexibel en zal geschikt zijn voor aanhangers van zowel objectgeoriënteerde als functionele benaderingen. Een groot aantal bibliotheken en frameworks maken het gemakkelijk om elk type probleem op te lossen, en het Node.js-serverplatform maakt het mogelijk om de taal niet alleen in de browser, maar ook in de console te gebruiken. Je kunt zelfs desktop- en mobiele applicaties schrijven: de eerste met behulp van het Electron-framework, en de laatste met NativeScript of React Native.

Basisprincipes

Eerst moet je de basisconcepten van JavaScript, webontwikkeling en programmeren in het algemeen leren:

  • objectgeoriënteerde JS - constructeurs en fabrieken, overerving;
  • functionele JS - functies van hogere orde, sluitingen, recursie;
  • Jasmijntestspecificaties;
  • basisprincipes van HTML, CSS en jQuery.

Git

Git is een essentieel hulpmiddel voor ontwikkelaars, dus ga er zo vroeg mogelijk mee aan de slag. Dit zijn de basisvaardigheden die je zou moeten hebben:

  • bestanden in mappen maken en verplaatsen;
  • initialisatie en commits in Git;
  • repository's opzetten in GitHub.

Algoritmen en datastructuren

Vervolgens is het de moeite waard om meer te leren over algoritmen (in het bijzonder het concept van algoritmische complexiteit), maar ook over fundamentele datastructuren: gekoppelde lijsten, wachtrijen, stapels, binaire zoekbomen en hashtabellen. Dit zal je helpen.

Achterkant

Knooppunt.js

10 jaar geleden kon JavaScript alleen worden gebruikt voor front-end ontwikkeling. Dankzij Node.js is de zaak nu niet beperkt tot één “front”. Node is eenvoudigweg een omgeving voor het uitvoeren van JS-code aan de serverzijde, dus u hoeft geen nieuwe syntaxis te leren, maar u moet wel bestanden importeren en exporteren, code modulariseren en de npm-pakketbeheerder gebruiken.

Servers, HTTP, Express.js

Nadat je Node hebt geleerd, is het de moeite waard om je kennis met backend-ontwikkeling en het begrijpen van servers en routing voort te zetten. U kunt beginnen met poorten en protocollen met de nadruk op HTTP, en vervolgens doorgaan naar Express, een knooppuntbibliotheek voor het verwerken van verzoeken.

Asynchrone JavaScript

Databases, schema's, modellen en ORM's

Databases zijn een van de belangrijkste elementen van webontwikkeling. Als uw toepassing gegevens moet laden of opslaan die niet verloren gaan wanneer de pagina wordt vernieuwd, moet u een database gebruiken. Je moet leren onderscheid te maken tussen relationele en niet-relationele databases en de soorten relaties begrijpen. Leer dan verschillende mensen kennen. De mogelijkheid om met ORM te werken is ook niet overbodig.

Voorkant

HTML en CSS

HTML en CSS vormen de basis van elke webontwikkelaar. Je hoeft ze niet perfect te kennen, maar je moet ze wel begrijpen. Je kunt ook een populaire bibliotheek (bijvoorbeeld Bootstrap) en een CSS-preprocessor zoals Sass verkennen - dit zal ervoor zorgen dat CSS op gewone code lijkt. Om het werken met HTML te vereenvoudigen, kunt u een van de populaire sjabloonengines kiezen, bijvoorbeeld pug.

jQuery en DOM-manipulatie

Nadat u het uiterlijk van uw pagina met HTML en CSS heeft gecreëerd, gebruikt u ook jQuery om de DOM te manipuleren. Veel mensen denken dat jQuery nutteloos is en binnenkort vervangen zal worden door Angular en React, maar het is waanzinnig populair en daarom de moeite waard om te weten. Bovendien zul je op een dag in een situatie terechtkomen waarin het lastig voor je zal zijn om spijkers te slaan met een React-microscoop, en dan zal lichtgewicht jQuery je te hulp komen.

Chrome-ontwikkelaarstools

Het zou onvergeeflijk zijn om Chrome-tools, die een groot aantal mogelijkheden bieden, te verwaarlozen. Hiermee kun je DOM-elementen onderzoeken, fouten opsporen via de console, routes traceren en nog veel meer. We beschrijven verschillende handige functies van de Chrome-console die routinetaken eenvoudiger maken.

AJAX

Als je wilt dat je applicatie pagina's niet opnieuw laadt na elke databasebewerking, heb je zeker AJAX nodig - het verzendt asynchrone HTTP-verzoeken op de achtergrond, waarvan de antwoorden slechts een deel van de weergave bijwerken. U kunt met AJAX werken via jQuery met behulp van de .ajax-methode.

Geavanceerde onderwerpen

Test gedreven ontwikkeling

Of TDD is een ontwikkelingstechniek waarbij het maken van software wordt opgedeeld in vele kleine cycli: eerst worden er tests geschreven die de gewenste verandering dekken, en vervolgens wordt er code geschreven die deze tests doorstaat. Hierna wordt de code opnieuw bewerkt en worden indien nodig nieuwe tests geschreven. Als een codegedeelte bij sommige tests niet slaagt, wordt dit gecorrigeerd.

Webaansluitingen

Dit onderwerp verdient speciale aandacht, omdat het erg nuttig is. Het WebSocket-protocol maakt, in tegenstelling tot HTTP, een bidirectionele gegevensstroom mogelijk, wat deze technologie uniek maakt. De meest gebruikelijke implementatie is de socket.io-bibliotheek. Als u deze begrijpt en de verworven vaardigheden in de praktijk toepast, kunt u een browsergame voor meerdere spelers maken.

ES6, Babel, Webpack

Momenteel is de belangrijkste standaard ES6 (ES2015), maar ES2016 is al aangenomen en ES2017 is in ontwikkeling, dus u moet altijd op de hoogte zijn van updates en deze gebruiken. Compatibiliteitsproblemen kunnen met slechts een paar hulpmiddelen worden opgelost:

  • Babel - compileert ES6-code (ES2016-ondersteuning binnenkort beschikbaar) naar ES5, die door alle browsers wordt ondersteund. Het weet zelfs hoe het JSX/React-componenten moet compileren, wat het onmisbaar maakt voor elke webontwikkelaar;
  • Webpack - verzamelt al uw bronbestanden (afbeeldingen, lettertypen, stylesheets, JS-bestanden, enz.) in één enkele afhankelijkheidsgrafiek. Het zal niet nuttig zijn bij het maken van kleine applicaties, maar bij het werken met React is de hulp van onschatbare waarde.

Reageren en Redux

React is een bibliotheek voor het maken van gebruikersinterfaces. Het werd in 2013 door Facebook gemaakt en werd al snel populair onder ontwikkelaars. U moet lezen en vervolgens demonteren om te begrijpen hoe React werkt en wat het doet. React is niet alleen nuttig voor front-end-ontwikkeling: Facebook heeft versies van het raamwerk uitgebracht voor mobiele (React Native) en VR-ontwikkeling (React VR).

Redux is een voorspelbare statuscontainer die vaak wordt gebruikt in combinatie met React. Het kan worden gebruikt om code in te korten vanwege de modulariteit ervan. Vooral handig in realtime toepassingen voor meerdere gebruikers, zoals games.

Authenticatie, sessies, cookies

U moet ook begrijpen hoe applicaties omgaan met gebruikers, het inloggen en uitloggen van accounts verwerken en rechten verlenen. Om de identiteit van de gebruiker tijdens een sessie te achterhalen, worden cookies gebruikt: kleine tekstbestanden die door de server naar de browser worden verzonden als reactie op een HTTP-verzoek. En om de verbinding tussen de database en autorisatiepagina's te garanderen, kunt u de express-session-bibliotheek gebruiken.

Webbeveiliging

En tot slot moet u op de veiligheid letten. Het is belangrijk om zowel aanvalsmethoden als manieren om je ertegen te verdedigen te leren.

Naam: JavaScript-tutorial.

Dit boek is bedoeld voor zelflerend programmeren in JavaScript. Naast algemene richtlijnen bevat het veel voorbeelden en teksten van kant-en-klare programma's. Bespreekt hoe u scripts voor websites kunt maken, evenals scripts die worden uitgevoerd door de Windows Scripting Host. In de bijlagen vindt u achtergrondinformatie over JavaScript en HTML. Het boek is bedoeld voor zowel beginners als voor degenen die al enige ervaring hebben met webontwerp en programmeren. In de tweede druk van het boek zijn geconstateerde typefouten en onnauwkeurigheden gecorrigeerd.

Gegevenstypen
Variabelen en toewijzingsoperator
Variabele namen
Variabelen maken
Variabel bereik
Exploitanten
Opmerkingen
Rekenkundige operatoren
Extra toewijzingsoperatoren
Vergelijkingsoperatoren
Logische operatoren
Voorwaardelijke sprongoperatoren
Lus-instructies
Expressies met operatoren

Functies
Ingebouwde functies
Aangepaste functies
Uitdrukkingen met functies
Ingebouwde objecten
String-object
Array-object
Nummerobject
Wiskundig object
Datumobject
Booleaans object
Functieobject
Voorwerp

Aangepaste objecten
Een object maken
Eigenschappen toevoegen
Gerelateerde objecten
Voorbeeld van het maken van een database met behulp van objecten
Speciale operators
Bitwise-operatoren
Objectoperatoren
Complexe operatoren
Prioriteiten van de operator
Gereserveerde trefwoorden
Basisprincipes van scripten
Uit de geschiedenis van het programmeren MAAR
Van eenvoudige tot dynamische HTML

Eenvoudige HTML
Dynamische HTML
Waar, wat en hoe scripts doen
Scriptlocatie
Afhandeling van evenementen
Scriptgestuurde objecten
Evenementconcept
Gebeurteniseigenschappen
Doorloop van evenementen
Een gebeurtenishandler opgeven in een script
Werken met vensters en frames
Nieuwe vensters maken

Lijsten
Zwevende kozijnen
Pop-upvensters
Dynamisch veranderende documentelementen
Met behulp van de writeQ-methode
Elementattribuutwaarden wijzigen
Veranderende elementen
Afbeeldingen uploaden
Procesbeheer in de loop van de tijd

Werken met cookies
Browser- en documentobjectmodel
raamobject
venster eigenschappen
venster methoden
Venstergebeurtenissen
documentobject
Document eigenschappen
Collectiedocument
Methodendocument
Evenementendocument
locatieobject
Locatie-eigenschappen
locatie methoden
geschiedenis voorwerp
geschiedenis eigendom
geschiedenis methoden

navigatieobject
Navigator-eigenschappen
Collectienavigator
navigatiemethoden
gebeurtenisobject
schermobject
TextRange-object
TextRange-eigenschappen
TextRange-methoden
Voorbeeldscripts
Eenvoudige visuele effecten
Afbeeldingen wijzigen
Verlichte knoppen en tekst
Knipperend kader
Glinsterende schakels
Volumekoppen

Filters toepassen
Typemachine-type-effect
Beweging van elementen
Beweging langs een bepaald traject
Muis beweging
Lijnen tekenen
Rechte lijn
Vrije bocht
Grafieken van afhankelijkheden gespecificeerd door expressies
Afhankelijkheidsgrafieken gedefinieerd door arrays
Dynamische lijnen
Laten we het getal in woorden schrijven
Formuliergegevens verwerken

Menu
Keuzelijst
Huidige menukaart
Zoek in het tekstgebied
Tabellen en eenvoudige databases
Toegang tot tabelelementen
Tabelrijen toevoegen en verwijderen
Tabellen genereren met behulp van een script
Eenvoudige databases
Tabelgegevens sorteren
Tabelgegevens filteren

Site zoeken
Een HTML-document in een tabel invoegen
Tabelgegevens verwerken
Beveilig webpagina's met een wachtwoord
Interactie met Flash-tekenfilms
Gegevens doorgeven van JavaScript naar ActionScript
Een JavaScript-script aanroepen vanuit een ActionScript-script
Werken met het bestandssysteem
en Windows-register
Een bestandssysteemobject maken
Werken met schijven
Werken met mappen
Een map maken
Kopieer, verplaats of verwijder een map

Werken met bestanden
Een tekstbestand maken
Kopieer, verplaats of verwijder een bestand
Gegevens uit een bestand lezen en gegevens naar een bestand schrijven
Snelkoppelingen maken
Applicaties lanceren
Werken met het register
Bijlage Gids voor dynamische HTML
Basisconcepten
Opmaak van teksten
Standaard Booleaanse stijlen
Lettertypebeheer
Kleur
Tekst van een bepaald formaat
Lijsten
Verdelende strepen
Tikker
Speciale en gereserveerde karakters

Afbeeldingen op webpagina's
Afbeeldingen invoegen
Achtergrondafbeeldingen
Koppelingen
Tekstlinks
Grafische links
Link-URL's
Links binnen hetzelfde document
Tafels
Stijlen
Positioneringselementen
Statische filters
Dynamische filters
Stylesheets in afzonderlijke bestanden
Een Flash-cartoon in een webpagina invoegen
Audio en video invoegen

Veld voor gegevensinvoer
Radio knoppen
Selectievakjes
Toetsen
Lijsten
META-tag
HTTP-EQUIV-groep (HTTP-equivalenten)
GroepsNAAM (naam)
Bijlage HTML-referentie
HTML-tags
Documentstructuur
Koppen en titels
Alinea's en lijnen
Stijlen
Lijsten

Variabele namen.
Een variabele kan worden beschouwd als een container voor het opslaan van gegevens. De gegevens die in een variabele zijn opgeslagen, worden de waarden van die variabele genoemd. Een variabele heeft een naam: een reeks letters, cijfers en onderstrepingstekens zonder spaties of leestekens, die moet beginnen met een letter of onderstrepingsteken.

Voorbeelden van correcte namen van variabelen: myFamily, my_adress, _x, tel412_3456.
Voorbeelden van onjuiste namen van variabelen: 512group, mijn adres, tel:4l2 3456.
Bij het kiezen van namen van variabelen kunt u geen trefwoorden gebruiken, dat wil zeggen woorden die worden gebruikt in de definities van taalconstructies. U kunt bijvoorbeeld de woorden var, if, else, const, true, false, function, super, switch en een aantal andere niet selecteren. Een lijst met trefwoorden vindt u in paragraaf 1.11. De naam moet de inhoud van de variabele weerspiegelen. Als de naam uit meerdere woorden bestaat, kunt u er een onderstrepingsteken tussen plaatsen of ze samen schrijven, waarbij u elk woord met een hoofdletter begint.

Hier zijn voorbeelden: mijn_eerste_adres, mijnEersteAdres. Soms wordt een letter die het gegevenstype (waarde) van deze variabele aangeeft, gebruikt als het eerste teken van de naam: c - string (teken), n - numeriek (getal), b - logisch (boolean), o - object (object) , a - array (array). Bijvoorbeeld cAdres, nCena, aMaand.