
Learn MeteorJS by building 10 real world projects, exploring MeteorJS with packages, user accounts, login, security, file uploads, and MongoDB.
Build a Meteor app through seven sections, implementing to-dos with CRUD, user accounts, security measures, and deployment, using templates, bootstrap, and Mongo databases and collections.
Learn how to publish and subscribe database subsets in MeteorJS, enforce user-scoped access for to-dos, and implement server-side checks to prevent editing others' tasks.
Build a micro posting app with MeteorJS, featuring login, posting, image uploads, and a news feed, while learning routing, UI creation, user accounts, and basic security.
Create a MeteorJS user accounts system with accounts UI and password, enabling sign in, registration, and profile image uploads via EF-S GridFS in MongoDB.
Learn to implement user profile images in MeteorJS by creating a user images collection, handling profile form submissions, uploading files with FS, and associating images with the user ID.
Build a dynamic FAQ component in Meteor using Iron Router, collections, and an accordion, with Foundation 5 and the Wall Foundation package, plus a simple admin interface via Houston.
Build a dynamic faq accordion in a meteor app by creating a questions collection with a simple schema for question and answer, then render an indexed loop for unique panels.
Implement the base layout in MeteorJS by creating a home template, a bootstrap navigation bar, a 3-column layout with a sidebar, yield main content, and a footer.
Create an add product template and form in meteorjs to capture name, category, image, description, and featured status. Bind a route to categories and upload images to an images collection.
Implement the add product feature in MeteorJS by handling image uploads, constructing the product document with name, category, description, image, and featured flag, and inserting it into the products collection.
Build a full custom login and registration system for a support ticket app with customer and staff roles, department management, and live real-time updates using Meteor.
Learn to implement staff and departments with a departments collection, add and delete department forms, and wiring templates, router paths, and dynamic dropdowns for a functional management UI.
Build a simple subscription plan site using Meteor's skeleton frontend, enabling admin login, create, read, update, and delete of plans, and user subscriptions with a price field, no payment gateways.
Bootstrap a meteor app by creating a default admin user with roles, set up plans and subscribers collections, and implement an admin interface to add and manage plans.
Build a codefolio project showcase with a custom admin login, uploading and displaying design and development projects, routing front-end pages, and image uploads via collection fs and grid fs.
Implement blog post create, read, update, delete operations in meteor by listing, editing, and deleting posts, wiring routes and templates to manage current post data, and formatting dates with moment.js.
design and implement the projects collection with fields like name, description, client, type, date, and optional images; build add project page with image upload, date picker, and CRUD operations.
Implement create, read, update, and delete for projects in a MeteorJS app, including optional image handling, form validation, flash messages, and linking back to the admin interface.
Build a photo story app in MeteorJS with drag-and-drop drop-zone image uploads, titles, and stories, plus Twitter login, user accounts, image feed, and Bootstrap modals.
enable Twitter-based user accounts with accounts UI in MeteorJS, configure a Twitter app and keys, then build a dropzone for image uploads using GridFS collections and image info.
Add an image info modal to attach a title and story to an uploaded image, storing the image id in session and inserting data into the image info collection.
Add a delete image feature with a remove icon and confirmation. Remove images by id from image and image info collections and enforce login-based ownership.
Applications have significantly changed the way we function, allowing us to simplify even the toughest things in life. So, to simplify the process of building apps, Meteor JS was introduced.
What is Meteor JS?
Meteor JS is an open-source full stack JavaScript app development tool that allows developers to quickly create complex web and mobile apps. The framework, itself has been designed with simplicity and efficiency in mind, making it easy enough for a newbie to learn but powerful enough for even the most experienced developers.
Meteor JS is based on Node JS and is also capable of producing cross-platform (web, Android, iOS) coding. As framework easily pairs up with MongoDB for back-end performance, as it is built on the MEAN stack. It uses Distributed Data Protocol and publish–subscribe pattern to automatically transmit data changes to the clients, without needing the developer to write any synchronization coding.
Meteor JS is simple and easy to understand, and all you need to get started with this amazing framework is an understanding of JavaScript, HTML and CSS.
Meteor JS includes components such as Command Line Tool, Server, Communication Layer, Browser and Cordova.
There are a few great reasons for using Meteor JS such as:
You can learn this and so much more in our Meteor JS tutorial course. However, don’t resort to textbook theory or lengthy boring lectures to learn how Meteor can change your development life.
This course will teach you the theory behind and tech and also how to practically use this framework in this project based course. You will learn how to build 10 amazing projects from scratch using Meteor JS and related technologies.
Project 1 – My ToDo App – Create a functional To Do app that will teach you how to build the UI and also create and display posts.
Project 2 – Microposts – Create small mini posts and learn how to create and display these posts
Project 3 – FAQ Component – Create a FAQ and also how to use the Accordion UI and the Houston Admin Panel
Project 4 – SpatIt Product Reviews – Create an app where users can log in, pick a category, add a product and allow other users to add reviews and comments.
Project 5 – Custom Login System – Create a login system from scratch including designing the UI and a Dashboard and control panel.
Project 6 – Helptickets – Create a support ticket system, where customers can log in and create tickets while staff can reply to the tickets.
Project 7 – WebPlans – Learn how to build a simple subscription login website, where we can add plans and users can then subscribe to those plans.
Project 8 – Codefolio – Create a project showcase operation for a designer or photographer. A user will be allowed to log in upload the projects, which will then be displayed in the frontend.
Project 9 – PhotoStory – Learn a drag and drop application for adding photos for upload. Users will also be allowed to add a title and a short story with the image.
Project 10 – TechMeetups App – An application where users can search and post tech meetups.
With so much packed in this vast framework, it is no wonder a lot of developers are turning to this technology for all their app development needs. What’s stopping you from integrating this amazing technology in your life?