
Create a stock market web app with Node and JavaScript, connect to a stock API, fetch current price, previous close, percent change, market cap, and year-to-date data, and display them.
Check out my student Facebook Group...
It's a great place to get fast support for this course from me, to interact with other students, to post your projects and code, and to access course announcements and extras...
Join Now!
https://www.facebook.com/groups/codemycom/
Install and configure Sublime Text and Git Bash to prepare your development environment, noting Windows users should use Git Bash and macOS or Linux have built-in terminals.
download and install node, choose the most current long-term support version for stability, and prepare to use npm later, highlighting node's ease of use out of the box.
Install express with npm, create an express app, and define a port using process.env.PORT or 5000, then start the server with app.listen and test on localhost:5000.
Set up a static public folder, create an index page with a bootstrap template, and configure express to serve static files on port five thousand, including an about page.
Set up nodemon to automatically restart your server on file changes, install with npm install -D, add a dev script in package.json, and run npm run dev for development only.
Learn how to pass variables from the back end to the front end using handlebars to render dynamic stock market data from a third-party API.
Integrate a Bootstrap navbar into the stock market web app and convert static pages to Handlebars templates for a consistent navigation across pages.
Register for the free API, obtain your keys, and learn to access basic stock market data such as price, 52-week high/low, and market cap with a Node and JavaScript setup.
Connect to the API, fetch data, and return the body from an API function to display results on the page, while handling asynchronous timing to prevent undefined outputs.
Define and use a callback function to pause an api call until it finishes, then return the result and display the data on the web page.
Loop through a json object from an api with handlebars to print each key and value on screen, including company name and symbol.
Format api output by selecting the data to display, including latest price, primary exchange, previous close, previous volume, percent change, market cap, and 52-week high and low, plus year-to-date change.
Add a post route and use the body parser middleware to decode encoded form data, access fields via request.body, and test posting forms through a Handlebars page.
Connect the form input to the stock lookup API by dynamically inserting the ticker into the API URL and passing it in the call.
learn how to push your app to the cloud with Heroku, a free-tier web hosting solution, and review pricing while understanding horsepower and adding more diagnose to handle traffic.
Install the Heroku tool belt to connect your terminal to Heroku. Create a Procfile, commit changes, and push to GitHub to deploy a Node app.
Push your node app to Heroku by logging in, adding keys, creating an app, and deploying with git push; view the live URL and optional domain.
Learn how to connect a custom domain to a Heroku app by adding the domain in settings and pointing the registrar’s DNS (CNAME) to Heroku, with namecheap and GoDaddy tips.
for the stock market web app course, this bonus lecture offers a lifetime membership with access to 60+ courses, future additions, and a $200 discount with code Udemy.
Node and Javascript can seem overwhelming at first, but they don't have to be! In this course I’ll walk you through it step by step and you’ll be building your first web app in MINUTES. You’ll be amazed how quick and easy it is to create very professional looking websites, even if you have no programming or web design experience at all.
Watch over my shoulder as I build a cool Stock Market app step by step right in front of you. You’ll follow along and build your own copy. By the time we’re finished, you’ll have a solid understanding of Node and how to use it to build awesome web apps.
The course contains 28 videos – and is just over 2 hours long. Watch the videos at your own pace, and post questions along the way if you get stuck. You don’t need any special knowledge or software to take this course, though any experience with Javascript, HTML, or CSS is a plus. I’ll walk you through EVERYTHING.
Node is a great web development tool and learning it has never been this easy.
What We'll Build...
We'll build a cool Stock Market Portfolio app that let's you search stock ticker symbols by connecting to a third party API to collect stock market information about your stocks!
We'll style the website using the popular Bootstrap CSS framework (I'll show you how to use it!)
Sign up today and I'll see you on the inside!