Lesson Weekend

In this section, we will be learning the basics of JavaScript, the programming language of the web, and jQuery, an extensive JavaScript library to help make our webpages interactive. We'll start our exploration with the basic building blocks of JavaScript:

  • Data types
  • Operators
  • Variables
  • Methods
  • Functions

As you'll see when you explore other languages, these foundational elements are standard components throughout programming.

Then we will move on to the basics of jQuery:

  • Learn key jQuery concepts like callbacks and event handlers.
  • Understand the Document Object Model (DOM) and how JavaScript manipulates objects in the DOM.
  • Traverse the DOM.
  • Show, hide and toggle DOM elements.
  • Create forms to gather input from the user.
  • Manipulate the attributes of DOM elements.

Finally, we will move into more advanced JavaScript:

  • Implement branching which allows JavaScript to perform different actions based on different conditions that we create

Independent Project Objectives


At the end of this section, you will complete an independent project. Your code will be reviewed for the following objectives:

  • Site uses branching to return the result.
  • Form gathers input from the user.
  • jQuery is used to show and hide the result after the form has been submitted.
  • Variable names are descriptive of what they represent and use lower camel case (e.g. myVariableExample).
  • Web page is styled using custom CSS.
  • Project is in a polished, portfolio-quality state.
  • The prompt’s required functionality and baseline project requirements are in place by the deadline.

What is a polished, portfolio-quality state?

When a project is both polished and in a portfolio-quality state, this means:

  • You've reviewed your project and your README prior to submitting it to make sure there are no errors or missing information and you are consistent in your indentation, spacing, and code structure.
  • You are following the best practices and coding conventions we teach. Make sure that your:
    • Code is clean, well-refactored, and easy-to-read. This includes correct indentation, spacing, and including only necessary comments and debugging tools.
    • Commits are made regularly with clear messages that finish the phrase "It will…".

What are the baseline project requirements?

All independent coding projects at Epicodus have these baseline requirements:

  • A complete and informative README
    • It is not required to include a link to your site hosted on gh-pages, but you are welcome and encouraged to do so!
  • The project's commit history demonstrates that the project’s required work schedule and hours have been met:
    • 8 hours completed on Friday is required for full-time students
    • 4 hours completed over the weekend is required for part-time students
  • Completion of the project based on the prompt and objectives. The prompt contains details on the project's theme and features that are not always detailed in the objective. Carefully read through the prompt towards the end of your work session to make sure that you are not missing anything.

Lesson 1 of 61
Last updated October 12, 2021