GithubHelp home page GithubHelp logo

blaze-tutorial's Introduction


Travis CI Status CircleCI Status built with Meteor built with Meteor


Meteor is an ultra-simple environment for building modern web applications.



πŸ“š Create your applications using modern JavaScript

Benefit from the latest technology updates to rapidly prototype and develop your applications.


✨ Integrate technologies you already use

Use popular frameworks and tools right out-of-the-box. Focus on building features instead of configuring disparate components yourself.


πŸ’» Build apps for any device

Use the same code whether you’re developing for web, iOS, Android, or desktop for a seamless update experience for your users.


πŸ”₯ Getting Started

How about trying a tutorial to get started with your favorite technology?

React
Blaze
Vue
Svelte

Next, read the documentation and get some examples.

πŸš€ Quick Start

On your platform, use this line:

> npm install -g meteor

πŸš€ To create a project:

> meteor create my-app

β˜„οΈ Run it:

cd my-app
meteor

🧱 Developer Resources

Building an application with Meteor?

Interested in helping or contributing to Meteor? These resources will help:

To uninstall Meteor:

  • If installed via npm, run:
    meteor-installer uninstall
  • If installed via curl, run:
    rm -rf ~/.meteor 
    sudo rm /usr/local/bin/meteor

To find more information about installation, read here.

blaze-tutorial's People

Contributors

brettl-sprint avatar catgirlinspace avatar denihs avatar dependabot[bot] avatar epbujold avatar fidelsam1992 avatar filipenevola avatar fredmaiaarantes avatar grubba27 avatar jevinsonlim avatar jmopel avatar kevin-tayong avatar marcelweidum avatar matth1611 avatar namenotrequired avatar ohsofoxy273 avatar renanccastro avatar robots4life avatar sammsulhoq avatar sanspace avatar storytellercz avatar vitorflores avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

blaze-tutorial's Issues

Cannot read property 'helpers' of undefined

I have followed step1 of the simple-todo tutorials. I am getting the above error.
My meteor version is 2.2

<img width="1381" alt="Screenshot 2021-04-22 at 11 51 40 AM" src="https://user-images.githubusercontent.com/8307205/115665612-2736f380-a361-11eb-8ab4-7b9b2798bb45.png">
App.js:5 Uncaught TypeError: Cannot read property 'helpers' of undefined
    at module (App.js:5)
    at fileEvaluate (modules-runtime-hot.js?hash=d12281259a6cee99786429a66f76b05f13449c7f:388)
    at Module.require (modules-runtime-hot.js?hash=d12281259a6cee99786429a66f76b05f13449c7f:270)
    at Module.moduleLink [as link] (modules.js?hash=96663f369b0a9c541aa7c5308be3c254ee8acf04:318)
    at module (main.js:1)
    at fileEvaluate (modules-runtime-hot.js?hash=d12281259a6cee99786429a66f76b05f13449c7f:388)
    at Module.require (modules-runtime-hot.js?hash=d12281259a6cee99786429a66f76b05f13449c7f:270)
    at require (modules-runtime-hot.js?hash=d12281259a6cee99786429a66f76b05f13449c7f:310)
    at app.js?hash=093c56d9d175fe84e05179e17cdc8da63738bcca:126```

Tutorial - missing important instruction at https://blaze-tutorial.meteor.com/simple-todos/04-update-and-remove.html#4-1-Add-Checkbox

https://blaze-tutorial.meteor.com/simple-todos/04-update-and-remove.html#4-1-Add-Checkbox is missing an important detail.
While it mentions adding a new file task.html to describe template 'task', it forgets to mention that this template is already existing in App.html, which should be removed. In absence of this instruction, the page just displays task addition part and not the existing task list. This may be very confusing to the student.

Please reflect the instruction in https://blaze-tutorial.meteor.com/simple-todos/04-update-and-remove.html#4-1-Add-Checkbox .

Missing instruction in https://blaze-tutorial.meteor.com/simple-todos/08-methods.html#8-4-api-and-db-folders

In the list of files that need to be modified after moving TasksCollection.js to db directory, the tutorial states 3 files need modification.
However, it misses that imports/api/tasksMethods.js needs be modified too.
Without this step, the application crashes spectacularly.

... unless there is a need to merge this file with TasksCollection.js before moving the latter to db. In that case, that instruction is missing and also instructions to remove references to import of tasksMethods.js

Hide Completed/Show All has a bug and its fix

Hide Completed/Show All as shown in tutorial has a bug.

  1. Check a task
  2. Press "Hide Completed"
  3. The task doesn't show
  4. Press "Show all"
  5. The task shows up
  6. Bad, current behavior: The task checkbox is displayed unchecked, leading the user to think the task is not checked - and mismatches unchecked tasks with the pending count (by one, in this case)
  7. Correct, future behavior: The task checkbox is checked

The fix lies in imports/ui/Task.html
Instead of:
<input type="checkbox" class="toggle-checked" />
or similar code,
Mention:
{{#if isChecked}} <input type="checkbox" checked class="toggle-checked"/> {{else}} <input type="checkbox" class="toggle-checked" /> {{/if}}

Errors

There are a couple of errors which would be confusing for novice users.
1.2 refers to 'Meteor with React' this tutorial is for Blaze not React.
1.4 Line 5 'Template.app.helpers' there is no template named 'app' so this will cause an error it should be 'Template.maincontainer.helpers'

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.