JavaScript 101

Three day workshop - Online

About this workshop

Learn the fundamentals of how to use JavaScript and its core APIs to effectively build and enhance Websites and applications in this three-day workshop. Our hands-on approach mixes lecture from experienced JavaScript engineers, a library of reference material, live code examples, and 11 in-class activities to apply what you learn as we go.

Your team will receive a sound foundation in development with ES5, providing foundations for ES6. With a knowledgeable instructor at the helm, your team will be exposed to the building blocks it provides to make browser-based user interfaces easy to build. We will work up from the fundamentals to cover language concepts, development techniques, and best practices to help you build a solid foundation of the language. This workshop is a great first step for teams wanting to learn about HTML5, JavaScript, and rich Internet application development.

Agenda

This workshop takes a hands-on approach to fundamental concepts, mixing excellent lecture and reference material and code examples with 11 practical activities to apply what you learn as we go. The following topics will be discussed during this intense 3-day workshop:

  • Debugging basics. Learn the tools and tricks for debugging with JavaScript.
  • HTML Syntax. Quick review of HTML5 syntax.
  • CSS3. Refresher of CSS.
  • Basic JavaScript syntax. JavaScript variables, types, and built-in objects.
  • Objects and arrays. Creation and manipulation of objects and arrays.
  • JavaScript expressions. Operators, assignment, and handling exceptions.
  • Conditional statements. If, switch, loops, and array iterator methods.
  • Functions. Working with JavaScript functions.
  • Scope and context. Understanding the difference between definition and execution, and how to bind context.
  • Regular expressions. Efficient pattern matching in JavaScript.
  • JSON. The defacto data format for JavaScript.
  • Asynchronous programming. Event loop, concurrency, maintaining state, and promises.
  • Ajax. Asynchronous HTTP requests for efficient data retrieval.
  • DOM API. JavaScript APIs for manipulating HTML objects.
  • DOM events. Listening to user input and other events.
  • Introduction to AMD. JavaScript module definition format, popularized by RequireJS and Dojo.
  • Object-oriented JavaScript. Inheritance, privacy, prototypes, and mixins.

Note that this workshop is primarily focused on ECMAScript versions 3 and 5, as the focus is on language constructs that are universally supported today.

Who will benefit from this workshop?

Developers who want to learn the fundamentals of JavaScript to create applications in web browsers, on the server-side, or within other JavaScript environments.

Upcoming Workshops

Other available workshops

An amazing way to learn JavaScript

Learn from committers

Our instructors aren’t simply professional speakers, they’re also real Dojo developers that can answer tough questions and provide you with in-depth knowledge that only comes from experience writing actual applications.

Code as you learn

Live code throughout each section provides insight into what actually happens when APIs are used, and activities at the end of each topic solidify your knowledge by letting you go hands-on with code.

Ask your questions

When you attend a SitePen workshop, you’ll be able to ask questions directly to the instructor or get help through our online chat during the training.

Keep the resource kit

After taking one of our workshops, we want to make sure you’re set up to succeed. That’s why you get to keep a copy of the slides, code samples, and activities from your training as reference for when you begin applying your new knowledge to real projects.

Prerequisites & FAQs

What you should know already

This workshop is intended to benefit developers who have basic experience with HTML & CSS, and have written some JavaScript. Experience with HTML, CSS, DOM and functional programming constructs is beneficial but not essential.

Technical preparations

  • The latest Firefox or Google Chrome on your laptop
  • Your IDE or code editor of choice—whatever you're comfortable with, but something more than just Notepad, WordPad or TextEdit
  • The workshop materials, installed as per the instructions received after registration (7 days prior the workshop)

Who's the instructor?

We have a talented group of Dojo committers that teach our workshops. The actual instructor is determined based on our schedule of public and private workshops. Think of our planning process as something like air traffic control for a relatively small airport.

Interested in scheduling a private workshop?

Contact sales