Bossable.com - MEAN Stack: 29 - Express.js & Client-side Assets

Want to build scalable web apps quickly and easily? Check out the MEAN stack, a collection of technologies that fit together to provide a solution that allows for a full-stack JavaScript implementation of web applications.

If you like it, please share it!

---

This Video Tutorial:

We look at:
- The different packages that make up the express portion of the MEAN Stack
- The environment files that are used to load CSS and JS assets for our app
- Loading core and minified files as assets for our app
- Loading assets and connecting to MongoDB in a production environment

Thanks for viewing. I really appreciate any feedback you have.

---

------

[ozperez]

Hi, there! Love your vids! Thanks so much for sharing! Great stuff. I need to go back and watch all of them. : )

I was wondering if you can help me understand how I would reference in the html the client-side assets that we define in "config/env/production.js" that are in the "lib" directory. The .gitignore file ignores the "public/lib" directory, and the "grunt build" command only seems to put the files in the "public/dist" directory that are inside "public/modules". Do I need to add each file individually to git that I'm going to use in production (ex. git add -f

Thanks!

[chrismaher]

I have a basic enough question regarding using plugins such as carousels that arent specifically designed for MEAN.js. Lets say for example the slick carousel.

Linking the the CSS and Javascript files is easy enough but how exactly do i convert this to MEAN.js.

$(document).ready(function(){
$('.your-class').slick({
setting-name: setting-value
});
});

If i look in the js controller they look like different functions.

[akashgupta]

Hi Srishti,

Thanks for the walk-throughs, I really enjoyed learning! I was running into two bugs however and did not know how to tackle them despite following all the steps in your videos. 

1. Everytime I click on the dropdown of customers and then click on the new customer option, it directs me to the homepage/landing page rather than the original create new customer page you have shown on Day10. Also, it gives me the following error in my console: Uncaught TypeError: Cannot read property 'getToggleElement' of null [ui-bootstrap-tpls.js:1650]. I am not sure how to address this issue. 


If you could please help me out with fixing these 2 bugs, it would be awesome! Hope to hear from you soon.

Once again, thanks for posting these videos! 

Best,
Akash