Giter Club home page Giter Club logo

angularjs-component's Introduction

AngularJs-Component

AngularJS, formerly Angular 1.X and now sometimes referred to as ng1, is a full fledged language to itself. This repository contains a simple AngularJS application starter template showcasing components as the main building block (not controllers). It uses lite-server to serve the site (which is just a thin layer for browsersync). Launchable in vscode, which makes it quick to get up.

Notes from the Author

Some of this code is personal preference, but a lot comes from best practices I've learned either by reading or the school of hard knocks. Separation of Concerns is a huge principle and pattern for me. Globals are the devil. Reusable and supportable code are a priority, not just functional.

I've tried to put documentation in the comments of this code on why I've done certain things. I would encourage anybody else contributing to do the same.

Frameworks Used

  1. angular components
  2. ui-router
  3. multi-view components
  4. one way data binding
  5. Angular Spinners
  6. Bootcards

Steps for installation

  1. (optional) Install Visual Studio Code. It has multi-platform support, is a great general editor, and the task system plus plugins support sets it above and beyond just a code editting tool.
  2. Install Node.JS via nvm (or nvm-windows)
  3. NPM should be installed with your Nodejs and is a very useful package manager
  4. open a command prompt to this directory
  5. npm install
  6. npm run start
  7. (optional) If using vscode, you can just simply "launch" after you run npm install

General Tutorials

Scotch.io Tutorial

Full Blown App Tutorial

Service vs. Factory

Component Tutorials

At the end of the day, components should be used for everything. Controllers can be optional. I tend to add a controller to my component "just in case" but that's personal preference.

Components

Component Lifecycle

Refactoring to Components

Building reusable Components

Components for Everything

Component Thinking

angularjs-component's People

Contributors

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