Giter Site home page Giter Site logo

obeka / javascript2 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hackyourfuture/javascript2

0.0 1.0 0.0 13.81 MB

This repository contains all the material for the HackYourFuture module "JavaScript 2: DOM Manipulation"

License: Other

JavaScript 93.74% HTML 6.16% CSS 0.09%

javascript2's Introduction

If you are following the HackYourFuture curriculum we recommend you to start with module 1: HTML/CSS/GIT. To get a complete overview of the HackYourFuture curriculum first, click here.

Please help us improve and share your feedback! If you find better tutorials or links, please share them by opening a pull request.

Module #3 - JavaScript 2: DOM Manipulation (Frontend)

JavaScript2

If you were to ask a random person on the street the question "What is a browser?", you'll most likely get a variety of (incorrect) answers. For proof, check this out.

You might be one of those people right now, but after this module no more. In JavaScript2 you'll learn all about how to use JavaScript within the browser.

Learning goals

In order to successfully complete this module you will need to master the following:

  • Understand what the DOM is
  • Use the basics of DOM Manipulation
  • Differentiate between synchronous and asynchronous operations
  • Gain awareness of the inner workings of JavaScript
  • Learn to think based on principles, instead of libraries and frameworks

How to use this repository

This repository consists of 3 essential parts:

  1. Reading materials: this document contains all the required theory you need to know while you're coding. It's meant as both study material and as a reference to understand what you're doing.
  2. Homework: this document contains the instructions for each week's homework.
  3. Lesson Plans: this part is meant for teachers as a reference. However, as a student don't be shy to take a look at it as well!

After your first class you should start off with checking the reading materials for that week. At the beginning that would be the Week 1 Reading. Study all the concepts and try to get the gist of everything. After, you can get started with the homework for that week.

If you have any questions or if something is not entirely clear ¯\_(ツ)_/¯, please ask/comment on Slack!

Planning

Week Topic Reading Materials Homework Lesson Plan
1. Document-Object Model (DOM), DOM manipulation Reading W1 Homework W1 Lesson Plan W1
2. Synchronous vs. asynchronous, Event Loop, Callbacks, Array Functions Reading W2 Homework W2 Lesson Plan W2
3. Scope, Hoisting, Closures, Thinking like a programmer II Reading W3 Homework W3 Lesson Plan W3
4. Test Details - -

Finished?

Did you finish the module? Good job! You're doing great!

If you feel ready for the next challenge, click here to go to JavaScript3!

The HackYourFuture curriculum is subject to CC BY copyright. This means you can freely use our materials, but just make sure to give us credit for it :)

Creative Commons License
This work is licensed under a Creative Commons Attribution 4.0 International License.

javascript2's People

Contributors

daanaerts avatar erols avatar gajduk avatar gijscor avatar jasongwartz avatar joostlubach avatar kemirdin avatar laurensrietveld avatar m3kh avatar malnajar avatar mkruijt avatar noergitkat avatar nudge avatar old-profile avatar onnlucky avatar razpudding avatar remarcmij avatar tjebbee avatar tkaria avatar wilgert avatar wouterkleijn avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.