• Stars
    star
    155
  • Rank 232,404 (Top 5 %)
  • Language
    TypeScript
  • Created over 9 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

angular-meteor example and tutorial app

Socially - Angular-Meteor Tutorial

meteor-angular-socially - Tutorial's site

bitHound Overall Score bitHound Dependencies

angular-meteor example and tutorial app.

The tutorial starts at branch 'step_00' till the last step.

The master branch is always equal to the last step.

Here is the deployed final version - http://socially-step22.meteor.com/

Please contribute to the tutorial. Pull request the master branch to add new features or pull request specific step to improve that step.

Our goal in this tutorial is to add more steps as we go along, to cover as many use cases as possible.

Thanks @MilosStanic for writing step 18 on angular-material

An example with the controller as syntax can be found in this branch.

angular-meteor University!

The angular-meteor university is a community learning experiment, we would like to create a similar experience to the hueniversity

Join the chat at https://gitter.im/Urigo/angular-meteor

The first assignments will be to rewrite the tutorial steps, and follow the latest angular-meteor API , in a more consistent style. We also hope the community will propose better solutions than the current ones. When we will catch up with the latest steps we will create new steps.

What am I going to learn?

You will learn how to build a full stack application using meteor and angular. It will start with the basics and move on to the more advanced topic such as users and authentication, application architecture, reactivity, mobile app, ionic, working with files, Angular Server, ES6 and more.

What do I need to know?

You should feel comfortable writing simple functions in JavaScript, working with GitHub, using basic git commands, have a basic familiarity with mongoDB, and be able to pick up new subjects by reading tutorials and documentation.

How advanced is this course?

We'll start from the basics and make our way to the most advanced topics. The way this course is structured, you can choose which assignments to participate in, so more experienced developers can "sit out" or help others during the basic assignments and participate when it gets to areas they are not as strong in. However, since teaching is one of the most effective ways to learn, we believe that participating early will improve the existing skills of advanced developers. The assignment will include just enough information to get you going, but you will need to do most of the learning on your own by using the wide range of online resources available. However, the real benefit of this process will come from the code review of your Pull Request. This is where expert developers will review your work and provide you specific and actionable feedback.

How does it work?

First, read the Code of Conduct !

Simple, you start by forking this repo. Every few days a new issue will be posted with an assignment label . If you would like to participate in the assignment, try to solve it and when you are done, submit a Pull Request back to this repo to the step_NUMBER_u branch. Make sure your code complies with the John Papa Angular Style Guide. While you wait for the assignment to close, take a look at what others are submitting and see if you can improve your own solution (borrow ideas, add tests, write examples, update the documentation). If you see ways in which others can improve their solution, please don’t hesitate to comment on their Pull Request. Each assignment will have a final submission date. When the issue expires, one of the Pull Requests submitted will be picked and merged and published as the new tutorial step. Any follow up assignments will be based on the merged code. Before starting the next assignment, make sure your fork matches the current assignment step branch (step_NUMBER_u) since only one Pull Request can be accepted.

How can I help?

There are lots of way you can help make this experiment succeed and help shape a new format for teaching development skills: Submit Pull Requests to improve this readme, add examples, write quick tutorials on how to work with git, etc. Add new steps to angular-meteor-socially tutorial. Look for issues with a help wanted label and help with those. Randomly pick submitted Pull Request and review them, offering advice and helping others improve their skills. Submit Pull Request or open issues with proposals for angular-meteor

How do I Start?

First you'll have to install all dependent npm packages:

$ meteor npm install

Install declaration files:

$ typings install

And to start the application, simply type:

$ meteor run

You can also provide an optional --port option if you would like to run the app on a port different than 3000. Note whenever the app is being built you will receive some TypeScript compilations warnings. This is normal and caused due to Socially not being fully migrated to Angular2. Further information can be found in step 23;

Anything else?

Open an issue, it's free. }: # {: (footer) {: (nav_step)

Begin Tutorial >
}: #
}: #

More Repositories

1

angular-meteor

Angular and Meteor - The perfect stack
Dockerfile
2,362
star
2

graphql-cli

📟 Command line tool for common GraphQL development workflows
TypeScript
1,983
star
3

graphql-scalars

A library of custom GraphQL Scalars for creating precise type-safe GraphQL schemas.
TypeScript
1,835
star
4

awesome-meteor

A curated, community driven list of awesome Meteor packages, libraries, resources and shiny things
1,419
star
5

graphql-modules

Enterprise Grade Tooling For Your GraphQL Server
TypeScript
1,288
star
6

SOFA

The best way to create REST APIs - Generate RESTful APIs from your GraphQL Server
TypeScript
1,043
star
7

merge-graphql-schemas

A utility library to facilitate merging of modularized GraphQL schemas and resolver objects.
930
star
8

WhatsApp-Clone-Client-React

https://www.tortilla.academy/Urigo/WhatsApp-Clone-Tutorial
TypeScript
610
star
9

WhatsApp-Clone-Tutorial

https://www.tortilla.academy/Urigo/WhatsApp-Clone-Tutorial
530
star
10

WhatsApp-Clone-Server

https://www.tortilla.academy/Urigo/WhatsApp-Clone-Tutorial
TypeScript
453
star
11

angular2-meteor

Angular 2.0 and Meteor - the perfect stack
298
star
12

meteor-ionic

Ionic framework packaged for Meteor.
JavaScript
216
star
13

Ionic-MeteorCLI-WhatsApp

WhatsApp Clone tutorial with Ionic 1.0 and Meteor CLI
JavaScript
206
star
14

meteor-client-bundler

https://blog.meteor.com/leverage-the-power-of-meteor-with-any-client-side-framework-bfb909141008
JavaScript
193
star
15

angular-spinkit

SpinKit (http://tobiasahlin.com/spinkit/) spinners for AngularJS
CSS
189
star
16

meteor-angular2.0-socially

CSS
170
star
17

Ionic2CLI-Meteor-WhatsApp

WhatsApp Clone tutorial with Ionic 2.0 CLI and Meteor Server
TypeScript
163
star
18

angular-meteor-base

TypeScript
131
star
19

meteor-rxjs

Exposing Mongo Cursor as RxJS Observable
TypeScript
120
star
20

WhatsApp-Clone-Client-Angular

TypeScript
73
star
21

Ionic2-MeteorCLI-WhatsApp

WhatsApp Clone tutorial with Ionic 2.0 and Meteor CLI
TypeScript
54
star
22

tortilla

The Framework for tutorials
TypeScript
50
star
23

typescript-node-es-modules-example

Latest Typescript and Node - as bare-bone as possible example app
TypeScript
34
star
24

leumi-leumicard-bank-data-scraper

Open bank data for Leumi bank and Leumi card credit card
JavaScript
28
star
25

apollo-local-state-examples

3 stages and approaches for using GraphQL for your local state
TypeScript
26
star
26

WhatsApp-Clone-GraphQL-Angular-Material

TypeScript
25
star
27

angular-meteor-docs

Source for http://www.angular-meteor.com/
TypeScript
25
star
28

IonicCLI-Meteor-WhatsApp

WhatsApp Clone tutorial with Ionic 1.0 CLI and Meteor Server
JavaScript
22
star
29

angular-embedly

JavaScript
19
star
30

angular2-meteor-accounts-ui

TypeScript
18
star
31

israeli-bank-scrapers-modern-schemas

A new architecture for Poalim bank scraper to hopefully merge into Israeli-bank-scrapers when they are ready
TypeScript
17
star
32

angular-blaze-template

Include Blaze templates in your angular-meteor application
JavaScript
15
star
33

whatsapp-textrepo-angularcli-express

13
star
34

angular-meteor-seed

Seed app for AngularJS and meteor
JavaScript
13
star
35

meteor-static-html-compiler

Compiles static HTML templates so you could import them from a module
TypeScript
10
star
36

angular2-meteor-auto-bootstrap

TypeScript
10
star
37

React-Meteor-Todo-app

JavaScript
10
star
38

Thinkster-MEAN-Tutorial-in-angular-meteor

angular-meteor version of Thinkster.io's mean-stack-tutorial
HTML
10
star
39

meteor-static-templates

Meteor plugin for importing static HTML templates
JavaScript
9
star
40

angular-meteor-auth

JavaScript
7
star
41

accounter-fullstack

TypeScript
7
star
42

tutorial-infrastructure

TypeScript
5
star
43

WhatsApp-Server-GraphQL-Live-RxJS-Meteor

JavaScript
4
star
44

angular-meteor-legacy

Shell
3
star
45

meteor-native-packages

JavaScript
3
star
46

ng-vegas-first-example

HTML
3
star
47

node-express-course

An introduction to Node.js and Express.js servers
1
star
48

tortilla-website

JavaScript
1
star