Complete JavaScript Course: Build a Real World App from Scratch
Course Overview
Javascript is one of the most prominent web programming languages that really made a difference. This course aims to be a useful companion for anyone wishing to (re)discover the many facets of JavaScript. Walk with us as we take you on a journey filled with all the wonders of Javascrip...
How You'll Learn
Hands-on coding environments
You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.
Faster than videos
Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.
No set-up required
Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.
Progress you can show
Built in assessments let you test your skills. Completion certificates let you show them off.
Hands-on coding environments
You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.
Faster than videos
Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.
No set-up required
Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.
Progress you can show
Built in assessments let you test your skills. Completion certificates let you show them off.
Course Contents
About this CourseWelcome to ProgrammingHow to Create Programs?Introduction to AlgorithmsIntroducing JavaScriptSummary
Your First ProgramValues and TypesProgram StructureCoding Challenge: PresentationSolution: PresentationCoding Challenge: Minimalistic CalculatorSolution: Minimalistic CalculatorCoding Challenge: Predict the Displayed ValuesQuiz
VariablesExpressionsType ConversionsUser InteractionsVariable NamingCoding Challenge: Improved HelloSolution: Improved HelloCoding Challenge: VAT CalculationSolution: VAT CalculationCoding Challenge: Celsius to Fahrenheit ConversionSolution: Celsius to Fahrenheit ConversionCoding Challenge: Variable SwappingSolution: Variable SwappingQuiz
What's a Condition?Alternative ConditionsAdd Additional LogicMultiple ChoicesCoding Challenge: Following DaySolution: Following DayCoding Challenge: Number ComparisonSolution: Number ComparisonCoding Challenge: Number of Days in a MonthSolution: Number of Days in a MonthCoding Challenge: Adding seconds to timeSolution: Adding Seconds to TimeQuiz
The While LoopThe For LoopCommon MistakesWhich Loop to Use?Coding Challenge: CarouselSolution: CarouselCoding Challenge: Use of Modulo OperatorSolution: Use of Modulo OperatorCoding Challenge: Input ValidationSolution: Input ValidationCoding Challenge: Multiplication TableSolution: Multiplication TableCoding Challenge: Neither Yes nor NoSolution: Neither Yes nor NoCoding Challenge: FizzBuzzSolution: FizzBuzzQuiz
Discovering FunctionsFunction ContentsAnonymous FunctionsGuidelines for Programming with FunctionsCoding Challenge: Improved HelloSolution: Improved HelloCoding Challenge: Number SquaringSolution: Number SquaringCoding Challenge: Minimum of Two NumbersSolution: Minimum of Two NumbersCoding Challenge: CalculatorSolution: CalculatorCoding Challenge: Circumference and Area of a CircleSolution: Circumference and Area of a CircleQuiz
JavaScript and ObjectsProgramming with ObjectsCoding Challenge: Adding a New Property to a CharacterSolution: Adding a New Property to a CharacterCoding Challenge: Modeling a DogSolution: Modeling a DogCoding Challenge: Modeling a CircleSolution: Modeling a CircleCoding Challenge: Modeling a Bank AccountSolution: Modeling a Bank AccountQuiz
Introduction to ArraysManipulating Arrays in JavaScriptIterating over an ArrayUpdating an Array's ContentCoding Challenge: MusketeersSolution: MusketeersCoding Challenge: Sum of ValuesSolution: Sum of ValuesCoding Challenge: Array MaximumSolution: Array MaximumCoding Challenge: Array Second MinimumSolution: Second MinimumCoding Challenge: List of WordsSolution: List of WordsQuiz
IntroductionStrings as Set of CharactersManipulating StringsSearching Inside a StringCoding Challenge: Word InformationSolution: Word InformationCoding Challenge: Vowel CountSolution: Vowel CountCoding Challenge: Reverse a WordSolution: Reverse a WordCoding Challenge: Palindrome FinderSolution: Palindrome FinderQuiz
Context: A Multiplayer RPGJavaScript ClassesUnder the Hood: Objects and PrototypesObject-OrientedCoding Challenge: Create a Dog ClassSolution: Create a Dog ClassCoding Challenge: Create a Character Inventory ClassSolution: Create a Character Inventory ClassCoding Challenge: Create an Account ClassSolution: Create an Account ClassQuiz
Context: A Movie ListProgram StatePure FunctionsArray OperationsHigher Order FunctionsJavaScript: A Multi Paradigm LanguageCoding Challenge: Older MoviesSolution: Older MoviesCoding Challenge: Government FormsSolution: Government FormsCoding Challenge: Arrays SumSolution: Arrays SumCoding Challenge: Students ResultsSolution: Students' ResultsQuiz
Introduction to the DOMGet Started with the DOM in JavaScriptCoding Challenge: Showing a Node's ChildSolution: Showing a Node's ChildQuiz
Sample Web PageSelecting ElementsSelecting Elements via CSS SelectorsObtaining Information about ElementsCoding Challenge: Counting ElementsSolution: Counting ElementsCoding Challenge: Handling AttributesSolution: Handling AttributesCoding Challenge: Handling ClassesSolution: Handling ClassesQuiz
Modify an Existing ElementAdding a New ElementVariations on Adding elementsReplacing or Removing nodesStyling ElementsDOM Manipulations & PerformanceCoding Challenge: Adding a ParagraphSolution: Adding a ParagraphCoding Challenge: Newspaper ListSolution: Newspaper ListCoding Challenge: Mini-DictionarySolution: Mini-DictionaryCoding Challenge: Updating ColorsSolution: Updating ColorsCoding Challenge: Information about an ElementSolution: Information about an ElementQuiz
Introduction to EventsThe Event FamilyReacting to Keyboard EventsReacting to Mouse EventsReacting to Page EventsGo farther with EventsCoding Challenge #1: Counting ClicksSolution: Counting ClicksCoding Challenge: Changing ColorsSolution: Changing ColorsCoding Challenge: A Dessert ListSolution: A Dessert ListCoding Challenge: Interactive QuizSolution: Interactive QuizQuiz
JavaScript & FormsForm fields: Sign Up FormForm Fields: Text ZonesForm Fields: Choice ElementsForms as DOM ElementsForm ValidationRegular ExpressionsCoding Challenge: Password CheckerSolution: Password CheckerCoding Challenge: Character ListSolution: Character ListCoding Challenge: Auto CompleteSolution: Auto CompleteQuiz
Repeat an Action at Regular IntervalsAnimate Page ElementsStart/Stop an AnimationAlternative: CSS AnimationsChoosing the Right Animation TechniqueCoding Challenge: ChronometerSolution: ChronometerCoding Challenge: Bouncing BallSolution: Bouncing BallQuiz
How the Web Works?HTTP, the Web ProtocolHTTP Status Codes & URLFrom Web Sites to Web AppsJSON, a Data Format for the WebQuiz
Creating Asynchronous HTTP Requests in JavaScriptHandling JSON DataCoding Challenge: Language ListSolution: Language ListCoding Challenge: Famous PaintingsSolution: Famous PaintingsQuiz
Introducing Web APIsConsuming a Web APICalling an API with JavaScriptWeb APIs and AuthenticationKey-Based AuthenticationCoding Challenge: More Beer PleaseSolution: More Beer PleaseCoding Challenge: Star Wars UniverseSolution: Star Wars UniverseCoding Challenge: Github ProfileSolution: Github ProfileQuiz
Sending Data: The BasicsSending Form DataSending JSON DataCoding Challenge: New ArticleSolution: New ArticleCoding Challenge: Visited CountriesSolution: Visited CountriesQuiz
Introducing Node.jsNode.js ModulesExporting a Class or ObjectNode.js PackagesPackage Management with NPMRelationship between Packages and ModulesCoding Challenge: Circles AgainSolution: Circles AgainCoding Challenge: Accounting ModuleSolution: Accounting ModuleCoding Challenge: Playing with DatesSolution: Playing with DatesQuiz
Using a FrameworkResponding to RequestsCreating an APIExposing DataAccepting Data: Handling Form DataAccepting data: Handling JSON DataPublishing Web PagesPractice ExercisesQuiz
Join more than 1.6 million learners from companies like
Recommended before you start this course
Recommended before you start this course
Recommended before you start this course
Recommended after you finish this course
Recommended after you finish this course
Recommended after you finish this course
What our learners are saying
What our learners are saying
COURSE BY:
Baptiste Pesquet
License:All rights reserved
Teams of every size choose
Educative for Business
to train, upskill & onboard their developers