Skip to content

MangaDB

Rafael J. Rodriguez edited this page Mar 19, 2016 · 4 revisions

Notes on things I have learned along the way

How to Run Code in Specific Page

There regular way to run JavaScript when a page loads is with:

$(document).ready(callback);

However, whether you are using templates or plain HTML, you can specify the page you would like to run the code in by changing document to a class name that you would add to the top most level of your div.

/* Load Manga info when page is loaded
 * When the profile page is read it will
 * call the function to get all mangas.
 */
$('.user-profile').ready(getMangas);

Implement Flash Messages with jade

Flash messages allows the app to share important and useful information just once and they reside in flash memory.

It is important to know that if you call it once to test, it will not work the second time. Once again, the message is displayed once.

To implement it, you first need to install connect-flash.

npm install --save connect-flash

This will save it to your package.json file where you will see something like this "connect-flash": "^0.1.1".

You will need to add the following to your server:

var flash = require('connect-flash');
app.use(flash());

Then you can create a flash message in the following way:

req.flash('info', 'Flash is back!')

That is, identifier, and data. Just make sure that you put it before your res code. Then you display it with your render.

res.render('index', { messages: req.flash('info') });

Getting Started

  1. Welcome!
  2. Contact
  3. Get Started with Free Code Camp

Front End Development Certification

  1. HTML5 and CSS
  2. Responsive Design with Bootstrap
  3. Gear up for Success
  4. jQuery
  5. Basic JavaScript
  6. Object Oriented and Functional Programming
  7. Basic Algorithm Scripting
  8. Basic Front End Development Projects
  9. Intermediate Algorithm Scripting
  10. JSON APIs and Ajax
  11. Intermediate Front End Development Projects
  12. Claim Your Front End Development Certificate

Data Visualization Certification

  1. SASS
  2. React
  3. React Projects
  4. D3
  5. Data Visualization Projects
  6. Claim Your Data Visualization Certificate

Back End Development Certification

  1. Upper Intermediate Algorithm Scripting
  2. Automated Testing and Debugging
  3. Advanced Algorithm Scripting
  4. AngularJS (Legacy Material)
  5. Git
  6. Node.js and Express.js
  7. MongoDB
  8. API Projects
  9. Dynamic Web Applications
  10. Claim Your Back End Development Certificate

Full Stack Development Certification

  1. Greefield Nonprofit Project 1
  2. Greefield Nonprofit Project 2
  3. Legacy Nonprofit Project 1
  4. Legacy Nonprofit Project 2
  5. Claim your Full Stack Development Certification

Coding Interview Preparation

  1. Whiteboard Coding Interview Training
  2. Critical Thinking Interview Training
  3. Mock Interview 1
  4. Mock Interview 2
  5. Mock Interview 3
Clone this wiki locally