Code Monkey home page Code Monkey logo

browsers'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 - Browsers

Browsers

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 Browsers you'll learn all about how the browsers work and how to use the JavaScript you just learned 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
  • Build a cool quiz website from scratch as a group
  • Learn how to present yourself and your code

How to use this repository

Repository content

This repository consists of 2 essential parts per week:

  1. README: this document contains all the required theory you need to understand while working on the assignment. It contains the list of concepts that you will want to study this week and points you to your study book to read all about them. This is the first thing you should start with every week
  2. MAKEME: this document contains the instructions for each week's assignment. Start with the exercises rather quickly, so that you can ground the concepts you read about earlier.

How to study

Let's say you are just starting out with the Browsers module. This is what you do...

  1. The week always starts on Wednesday. First thing you'll do is open the README.md for that week. For the first week of Browsers, that would be Reading W1.
  2. You spend Wednesday and Thursday going over the resources and try to get a basic understanding of the concepts. In the meanwhile, you'll also implement any feedback you got on last week's assignment (from the JavaScript1 module).
  3. On Friday you start with the assignment, found in the MAKEME.md. For the first week of Browsers, that would be Assignment W1.
  4. You spend Friday and Saturday playing around with the exercises and write down any questions you might have.
  5. DEADLINE 1: You'll submit any questions you might have before Saturday 23.59, in the cohort channel.
  6. On Sunday you'll attend the session. It'll be of the Q&A format, meaning that there will be no new material. Instead your questions shall be discussed and you can learn from others
  7. You spend Monday and Tuesday finalizing your assignment.
  8. DEADLINE 2: You submit your assignment to the right channels (GitHub) before Tuesday 23.59. If you can't make it on time, please communicate it with your mentor
  9. Start the new week by going back to point 1!

In summary:

Weekflow

To have a more detailed overview of the guidelines, check your cohort repository, or ask your mentor/cohort on Slack!

Planning

Week Topic Reading Materials Assignment
1. Document-Object Model (DOM), DOM manipulation, Presentation Module week 1 Reading W1 Assignment W1
2. Presentation Module week 2, Group project week 1! Reading W2 Assignment W2
3. Group project week 2 Reading W3 No individual assignment

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 Using API's!

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.

browsers's People

Contributors

azizsigar avatar fedefu avatar josephinehyf avatar obadamoustafa avatar remarcmij avatar robvk avatar stasel avatar wilgert avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  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.