Lesson - V School | Better Humans, Better Outcomes (Page 2)

Sign in Subscribe

Lesson

Indicates a written lesson focused on learning new material

Node Modules Basics

Node Modules Basics

If you recall from the Intro to Node post, one of the main requirements of having JavaScript be able to work on a server is to have code that can be more easily organized. Thus far in JavaScript, we're used to having each JavaScript file be completely on its own,

Intro to Express

Intro to Express

Express is a "fast, unopinionated, minimalist web framework for Node.js." It is considered a very thin, lightweight framework that uses Node.js APIs to take common uses of Node.js and abstract (simplify) them for easier use by the developer. In this document, we will run through how to

localStorage and sessionStorage

Web Applications

localStorage and sessionStorage

In just about any useful application you'll make, you'll need a way to persist (keep) data. Otherwise, every time you refresh the page, close the browser, etc. you will lose everything you put into the application. Which obviously makes for a pretty terrible application... There are a number of options

JavaScript and jQuery

JavaScript and jQuery

This tutorial will cover how to do things in JavaScript and jQuery. We will first go through how to do something with JavaScript, then show how to do the same thing with jQuery. Why would we use jQuery or JavaScript? JavaScript is, frankly, what makes websites cool. It allows a

Debugging

If you want to jump straight to the debugging checklist, click here. Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it. - Brian Kernighan and P.

CSS

Introduction Cascading Style Sheets define how HTML elements are to be displayed. CSS is going to save you a ton of work and at the same time will enable you to re-use code. Inline Styling Styles were added to HTML 4 to allow users to edit the look and feel

HTML / HTML 5

HTML is the skin and bones of the internet. HTML is used on every single website on the internet. By learning to use HTML you are setting a foundation of knowledge that is absolutely essential if you ever want to qualify for even the most junior of all web developer

Bootstrap

Back to Top ### Post Table of Contents * Intro to Bootstrap * Installation * The Grid System * Containers * Rows and Columns * Column Offset * Nesting Columns * Push and Pull * Apply What You've Learned * Forms * Inline Forms * Horizontal Forms * Static Forms * Disabled Inputs * Readonly Inputs * Validation Styling * Validation Icons * Input Sizes * Input Widths * Help Text

Programming Principles

Javascript Callbacks

Callbacks are found all over the place in JavaScript. A callback is simply a function that delays its execution until the time is just right for it to execute. Synchronous vs. Asynchronous JavaScript You'll often hear about a concept called synchronous and asynchronous programming/programs/code. When a piece of

AJAX

Introducing AJAX In the past, web pages required reloading the whole page every time you wanted to update the content. For example, in web-based email (like gmail.com) this meant that users had to manually reload their inbox to check and see if they had any new email. This had

jQuery

Back to Top ### Post Table of Contents * Getting Started With jQuery * Installation * Other Notes Before You Start * Selectors * Selecting Elements by ID * Selecting Elements by Class Name * Selecting Elements by Attribute * Selecting Elements by Compound CSS Selector * Pseudo-Selectors * Traversing * Events * The `this` Keyword * Some Useful jQuery Methods * Ajax and Http

Angular Views and Routing

Angular Views and Routing

Often, a website's functionality cannot be limited to a single page. For example, when going through the checkout process on an e-commerce site, you may go through many different views to submit and verify information. Traditionally, each new view would require a new page load from the server, which is

Angular Directives

Angular Directives

Have you ever been jealous of Angular's ability to create new names for HTML tags and attributes? Directives like ng-repeat and ng-model make Angular incredibly useful. As it turns out, you can define your own custom directives with angular. There are a couple main reasons why you would want to

$http in Angular

$http in Angular

$http is an Angular service that make HTTP requests easy and convenient. $http is a wrapper for the XMLHttpRequest and JSONP browser functionality. It is quite similar to jQuery's ajax implementation, so you should have no trouble learning it. $http (and most other Angular built-in services, in fact) uses promises,

How To Get Hired

How To Get Hired

Technical Tests There are many different ways potential employers will interview you technically. Here are a few of the most common: Take-Home Coding Test These are the BEST types of tests. They usually will give you a problem to solve and ask you to deliver it to them within 24

Angular Service Basics

Services Angular services are singletons. They can be used module or application wide. Services are where you should store data that you don't want to lose between screens and different controllers. We are going to cover basic services. There is also a provider service, and a factory service. They are

Modules

Shaping Your Program “A beginning programmer writes her programs like an ant builds her hill, one piece at a time, without thought for the bigger structure. Her programs will be like loose sand. They may stand for a while, but growing too big they fall apart. Realizing this problem, the

Objects

Objects are collections of properties and values. { name: 'Tommy Boy', age: 26, weight: 306, friends: ['Richard', 'Michelle'] } var person = { fullName: 'Tommy Boy', age: 26, weight: 306, friends: ['Richard', 'Michelle'] }; // Two ways to access the data at a object's property: console.log(person.age); console.log(person['age']); Objects vs Arrays

Arrays

Arrays are a data structure we can use to collect together multiple other pieces of data. Essentially, it's like a box that holds things inside in a specified order. Creating an array Arrays are created simply by surrounding the pieces of data you want in the array with square brackets

Web Applications

Why Angular?

Life Before Angular What was life like before Angular? It was like this: $('.' + className + '[' + attrLookup + '^=' + attrPrefix ']:not(.' + notClass + ')'); And like this: $('#something') .append('

') .append('

') .append(''); And a little bit like

Data Types

Representing Data Data types (also known as data structures) allow programmers to represent information from the real world in code. They can be divided into 2 groups: primitive data types and complex data types. The specific types we'll focus on are: Primitive Data Types * Strings * Numbers * Booleans Complex Data Types

Functions

What is a function? “A function is a JavaScript procedure—a set of statements that performs a task or calculates a value.” - MDN Web Docs Analogy Think about some appliances in your kitchen: a dishwasher, refrigerator, toaster, oven, etc. Each of these appliances do a very specific thing – dishwashers

The Art of Googling

Troubleshooting/Debugging

The Art of Googling

Motivation for Google-ing Well Less is More Too many words are confusing; Google is not a person, don’t use natural language! Be Specific Use ‘limiting words’ -- less common words that lead you to what you’re looking for Refine, Refine, Refine Use the ‘site:’ or the tilde (~) modifiers

Loops

What is a loop? Any time you find yourself needing to repeat the same code over and over, you'll oftentimes need a loop. Imagine you're tasked with console.logging the numbers 1 through 1,000 to the console. Obviously this would be very obnoxious and repetitive to write manually. But

Conditionals

Understanding Booleans To understand conditionals (if, else if, else blocks) in JavaScript, you'll need a solid understanding of booleans first. true and false Simply put, a Boolean only has two values it can be - true or false. These are reserved keywords in JavaScript and must be spelled/capitalized (not