Tag: freecodecamp

  • How to Build a Weather App: Part 1 (Bootstrap, html, css)

    How to Build a Weather App: Part 1 (Bootstrap, html, css)

    [ad_1] https://i.ytimg.com/vi/PP_jdy7VX14/hqdefault.jpg In this project we build a weather app using bootstrap framework and plain Javascript. In the first part we build the interface using bootstrap. github link: https://github.com/zentech/weather-app-js link to web app: http://pctechtips.org/apps/weather/ Table of Content 1- Background Image 2- Transparent overlay 3- Navbar 4- Navbar title and icon 5- weather section Original source

  • Build A Weather App With Vanilla Javascript Tutorial | Javascript For Beginners

    Build A Weather App With Vanilla Javascript Tutorial | Javascript For Beginners ❤Become a patreon for exclusive videos and more! https://www.patreon.com/dev_ed Today I wanted to focus more on building an actual project using vanilla javascript. This video is intended for those who are looking on creating their first projects using javascript or you might be…

  • Simon Game JavaScript Tutorial for Beginners

    In this JavaScript game tutorial, you will learn how to create a Simon game using JavaScript, HTML, and CSS. Every line of JavaScript is explained. 🔗Full code: https://github.com/beaucarnes/simon-game 🔗HTML file: https://raw.githubusercontent.com/beaucarnes/simon-game/master/index.html 🔗CSS file: https://raw.githubusercontent.com/beaucarnes/simon-game/master/css/style.css Tutorial by Beau Carnes. 🐦Follow Beau on Twitter: @CarnesBeau — Learn to code for free and get a developer job: https://www.freecodecamp.org…

  • Ditch Custom CSS for Bootstrap, freeCodeCamp Bootstrap Review, lesson 10

    Ditch Custom CSS for Bootstrap, freeCodeCamp Bootstrap Review, lesson 10

    [ad_1] https://i.ytimg.com/vi/41-lEe8mKwc/hqdefault.jpg This is freeCodeCamp tutorial of the “responsive design with bootstrap” section. In this lesson we remove old classes we added in previous lessons, and use bootstrap built in classes to acheive our desired results. Original source

  • Regular Expressions (Regex) in JavaScript – tutorial

    Learn the basics of using regular expressions / regex in your JavaScript applications. Check out Cody Seibert’s main channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw — Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp Original source

  • Node.js and Chatkit JavaScript tutorial: Build a command-line chat app

    Learn to build a Node.js command-line chat application with Chatkit in this JavaScript tutorial. 🔗 https://pusher.com/chatkit  💻 Code on GitHub: https://github.com/pusher/chatkit-command-line-chat ⭐️🔗Links mentioned in video🔗⭐️ -server.js file: https://gist.github.com/bookercodes/290c7a8e8bcf4769caf9a2aaeea87944 -Wes Bos talk on Async/Await: https://youtu.be/DwQJ_NPQWWo -Destructuring: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 🔗 Alex Booker’s Code Cast YouTube channel: https://www.youtube.com/channel/UCcQsDUZiK1GWDcP7BpVO_kw 🐦 Alex on Twitter: https://twitter.com/bookercodes — Learn to code for free…

  • Use the Bootstrap Grid to Put Elements Side By Side, freeCodeCamp Bootstrap Review, lesson 9

    Use the Bootstrap Grid to Put Elements Side By Side, freeCodeCamp Bootstrap Review, lesson 9

    [ad_1] https://i.ytimg.com/vi/CX1z_Gvxw80/hqdefault.jpg This is freeCodeCamp tutorial of the “responsive design with bootstrap” section. In this lesson we learn how bootstraps grid system works. We learn that a page is divided into 12 columns and those 12 can be manipulated in different ways to position content on a webpage in a variety of ways. Original source

  • Basic JavaScript Course Free Code Camp

    Support our Community: https://www.patreon.com/CodingTutorials360 Basic JavaScript course completed from FreeCodeCamp.com #JS #JavaScript #FCC #FreeCodeCamp Thank you to our sponsor: http://www.speakwithageek.com http://www.facebook.com/dylan.c.israel Tweets by PizzaPokerGuy http://www.codingtutorials360.com https://www.instagram.com/dylansphotos87 Support me and visit my store at: http://www.codingtutorials360.com/store.html Internship, Part-Time, & Full time work for college students and recent grads: http://www.codingtutorials360.com/WayUp.html Fan funding goes towards buying the equipment necessary…