In this CSS tutorial we cover both absolute and relative positioning and how the two interact with each other. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

Part 2 will be posted Thursday. If you already know Git, don't worry, a brand new "JSON & AJAX" video will be up next Tuesday. Link to full course with coupon: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Add me on Twitter for webDev updates and cat pics: https://twitter.com/learnwebcode

In this CSS video tutorial we cover the basics of padding, margin, and border (box model). Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

In this video we learn about the CSS property "display." We take a look at the most common values and their typical uses in web pages. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

In this tutorial we learn what the z-index property is used for. Check out my premium 9 hour web design video course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

Learn how to use Flexbox to create different layouts. Link to my new "Git a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Link to code used in this video: http://codepen.io/anon/pen/VKxRoE?editors=1100
Link to more about browser support: http://caniuse.com/#feat=flexbox
Add me on Twitter for webDev updates and cat pics: https://twitter.com/learnwebcode

In this video we learn how to add basic styles to a page with CSS. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
You can also view this same lesson material in written form:
http://learnwebcode.com/what-is-css/
http://learnwebcode.com/how-to-create-your-first-css-file/
http://learnwebcode.com/basic-css-selectors/
Topics covered in this video:
Linking to an external style sheet
CSS Syntax
Type Selectors
ID Selectors
Class Selectors
Descendant Selectors
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

In this video we look at two of the most popular techniques to center images. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
In this lesson we learn how to use the "get_template_part()" function to avoid repeating code throughout our theme files.
To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review):
http://learnwebcode.com/wordpress-get_template_part-theme-development-tutorial/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow me on Twitter for updates and cat pics:
https://twitter.com/learnwebcode

Updated video on getting started with WordPress Development: https://www.youtube.com/watch?v=FVqzKAUsM68
My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
This is the beginning of a series on WordPress. In this initial lesson we learn what WordPress is, why it's useful, and get a feel for what we'll learn in upcoming lessons (admin screens, custom theme development).
Watch the full playlist for this WordPress series:
https://www.youtube.com/playlist?list=PLpcSpRrAaOaqMA4RdhSnnNcaqOVpX7qi5
To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

In this video we learn how to insert an image into a web page by hand, using HTML code. Check out my 9 hour web design video course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBE-HALF-OFF
You can also view this lesson in written format: http://learnwebcode.com/how-to-insert-an-image-in-xhtml/
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts and my favorite hosting company: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
Learn how to setup a custom (or static) homepage in WordPress. This involves creating WP pages, adjusting a few simple settings, and using a special page template.
Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review):
http://learnwebcode.com/wordpress-setup-custom-static-homepage/
To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow me on Twitter for updates and cat pics:
https://twitter.com/learnwebcode

My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
Learn about WP_Query and create custom loops in any WordPress theme file.
To learn about everything that WP_Query is capable of check out the official WordPress documentation: http://codex.wordpress.org/Class_Reference/WP_Query
Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review):
http://learnwebcode.com/wordpress-custom-loop-wp_query-tutorial/
To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow me on Twitter for updates and cat pics:
https://twitter.com/learnwebcode

My front-end course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL
My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
In this JavaScript tutorial we learn what JSON and AJAX are and how to use them to load new data into our webpage on-the-fly.
JSON URLs I use in the video:
https://learnwebcode.github.io/json-example/animals-1.json
https://learnwebcode.github.io/json-example/animals-2.json
https://learnwebcode.github.io/json-example/animals-3.json
Link to "beginning" demo code so you can follow along: http://codepen.io/anon/pen/QKPJmW
Link to "completed" demo code so you can see a final working example: http://codepen.io/anon/pen/RGOqQY
Link to my "JavaScript in Half an Hour" video I mentioned: https://www.youtube.com/watch?v=zPHerhks2Vg
Add me on Twitter for webDev updates and cat pics: https://twitter.com/learnwebcode

In this CSS tutorial we take a look at CSS Sprites. Check out my premium 9 hour web design video course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBE-HALF-OFF
View Live Demo of Code:
http://learnwebcode.com/tutorial-files/css-sprites-tutorial/
Download Files used in Video (.zip):
http://learnwebcode.com/tutorial-files/css-sprites-tutorial/CSS-Sprites-Tutorial.zip
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

I finally launched the full workflow course! https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL
Download Sublime Text (Buy it if you love it!)
http://www.sublimetext.com/
Follow me on Twitter for resources and updates:
https://twitter.com/learnwebcode

My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
In this lesson we learn how to add "Read more" or "Continue reading" links to our posts, as well as how to manage and customize excerpts in our theme's output.
To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review):
http://learnwebcode.com/wordpress-read-more-links-and-excerpts/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow me on Twitter for updates and cat pics:
https://twitter.com/learnwebcode

I finally launched the full workflow course! https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL
Download Sublime Text (Buy it if you love it!)
http://www.sublimetext.com/
Looking for a list of all valid scope values for your snippets?
https://gist.github.com/iambibhas/4705378
Follow me on Twitter for resources and updates:
https://twitter.com/learnwebcode

In this CSS tutorial we take a look at how the float property affects the elements it is applied to, and also its surrounding and parent elements. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Link to "clearfix" CSS to copy and paste:
http://learnwebcode.com/clearing-css-floats-clearfix/
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

I finally launched the full workflow course! https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL
Download Sublime Text (Buy it if you love it!)
http://www.sublimetext.com/
Follow me on Twitter for resources and updates:
https://twitter.com/learnwebcode

I finally launched the full workflow course! https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL
Download Sublime Text (Buy it if you love it!)
http://www.sublimetext.com/
Follow me on Twitter for resources and updates:
https://twitter.com/learnwebcode

Learn how to mix full width background containers with fixed width content containers. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

My full premium JavaScript course will be available soon, subscribe to be notified as soon as it launches.
Day 0: Intro https://www.youtube.com/watch?v=dc-2t26Vuhs
Day 1: Getting Started https://www.youtube.com/watch?v=K4b7LdWAVyw
Day 2: Functions https://www.youtube.com/watch?v=bYshPb-wEWs
Day 3: Objects https://www.youtube.com/watch?v=CXnnw9rQH5I
Day 4: Arrays https://www.youtube.com/watch?v=rTK0Gmf57jE
Day 5: Making Decisions https://www.youtube.com/watch?v=ZWxWx-vmubI
Day 6: Higher-Order Functions https://www.youtube.com/watch?v=25VUf6pUwEU
Day 7: Returning vs Mutating https://www.youtube.com/watch?v=eJ7hvnS0Bfk
Day 8: Scope & Context https://www.youtube.com/watch?v=WPcW83BMT3Y
Day 9: Misc. Must Know Info https://www.youtube.com/watch?v=AzxiDWeFeps
Day 10: Web Browser Practice https://www.youtube.com/watch?v=HQuJzGU7TWg
I'm using document.write() as a quick and dirty way to see/test values instead of always using console.log(). Please do as I say and not as I do :) Do not use document.write() for anything beyond this simple testing case and outside of CodePen I'd say never use it. In future lessons we will learn far superior ways of adding HTML content to the page from JavaScript. Also, in the real world we would never want to repeatedly update the page for each item like this, it's much better to use JavaScript to create one big string of HTML content (could concatenate to a string variable from within a while loop or forEach or even use array.reduce()) in memory first and then only add it to the page all at once. However, that's getting into efficiency and web browser performance which are not topics I wanted to address this early in the course :)﻿
Follow me for cat pics:
Instagram: https://www.instagram.com/learnwebcode/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/

My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
In this lesson we learn how to use page templates and conditional logic to apply different layouts to different WP pages.
To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review):
http://learnwebcode.com/wordpress-page-templates-tutorial/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow me on Twitter for updates and cat pics:
https://twitter.com/learnwebcode

I finally launched the full workflow course! https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL
Download Sublime Text (Buy it if you love it!)
http://www.sublimetext.com/
Follow me on Twitter for resources and updates:
https://twitter.com/learnwebcode

Learn what Responsive Web Design is, and how to write the necessary code to create our own custom responsive web layouts. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode
Demo files:
http://learnwebcode.com/responsive-web-design-tutorial/

Easier & updated video of installing WP: https://www.youtube.com/watch?v=FVqzKAUsM68
My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
Let's review the different ways to get started with WordPress. The lesson walks users through the process of installing WordPress locally on their own computer so they can follow along with future lessons.
To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow me on Twitter for tutorials and cat pics:
https://twitter.com/learnwebcode

My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
In this lesson we learn how to add a search form to our theme's header, and also how to control the output for the relevant search results screen.
To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review):
http://learnwebcode.com/wordpress-search-form-and-results-tutorial/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow me on Twitter for updates and cat pics:
https://twitter.com/learnwebcode

My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
Let's learn how to create a WordPress theme by hand, from scratch. We'll write our own HTML, CSS, and PHP to create the basic foundation for a WordPress theme.
To view a complete list of the WordPress theme development lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review):
http://learnwebcode.com/create-wordpress-theme-from-scratch/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow me on Twitter for updates and cat pics:
https://twitter.com/learnwebcode

My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
In this lesson we learn how to add navigation menu locations to our theme and register the menus so users can easily manage the menu links via the WordPress Admin UI.
To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review):
http://learnwebcode.com/wordpress-theme-development-navigation-menus/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow me on Twitter for updates and cat pics:
https://twitter.com/learnwebcode

I finally launched the full workflow course! https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL
Download Sublime Text (Buy it if you love it!)
http://www.sublimetext.com/
Follow me on Twitter for resources and updates:
https://twitter.com/learnwebcode

In this lesson we learn what JavaScript is used for and how to leverage the popular JavaScript library named jQuery. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Have you put together a neat page infused with JavaScript awesomeness and want to move it from your computer to online so the world can see your JS chops? I’ve partnered with A Small Orange and can now offer my students 20% savings on any hosting plan. Hint: the shared “Small” plan is one of the best bangs for your buck around! http://p.asmallorange.com/learnwebcode/specialoffer
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode
Link to the examples shown in the video:
http://learnwebcode.com/javascript-and-jquery-tutorial-for-beginners/
Want to learn more? Check out the second lesson in this JavaScript series:
https://www.youtube.com/watch?v=gIvR-WX5lIQ&list=UUHRp19HU7Y2LwfI0Ai6WAGQ

In this tutorial we learn how to code HTML tables and add basic styling with CSS. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

In this CSS tutorial we learn how to replace HTML text with a CSS background image. Check out my 9 hour web design video course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

Learn how to create a responsive navigation menu. Mobiles will initially hide the navigation until a button is tapped. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Link to demo / source page:
http://learnwebcode.com/responsive-web-design-navigation-menu-tutorial/
For an overall introduction to JavaScript you can watch:
https://www.youtube.com/watch?v=1vMFpT0h-WI
For an overall introduction to Responsive Web Design you can watch:
https://www.youtube.com/watch?v=BIz02qY5BRA
Have you put together a neat page infused with JavaScript awesomeness and want to move it from your computer to online so the world can see your JS chops? I’ve partnered with A Small Orange and can now offer my students 20% savings on any hosting plan. Hint: the shared “Small” plan is one of the best bangs for your buck around! http://p.asmallorange.com/learnwebcode/specialoffer
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

Since the filming of this lesson webpack has changed their API so don't type out the exact webpack code you see on my screen. Instead, my GitHub link below has the newest code changes that will work. NOTE: in my updated version you do NOT need the dollar sign $ before the helper name in your templates.
My front-end course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL
My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
"Follow along" code: http://codepen.io/anon/pen/qqPegg
"Finished product" code: http://codepen.io/anon/pen/WoddJb?editors=1010
Webpack Handlebars Example Repo: https://github.com/LearnWebCode/handlebars-webpack
Add me on Twitter for webDev updates and cat pics: https://twitter.com/learnwebcode

I finally launched the full workflow course! https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL
Download Sublime Text (Buy it if you love it!)
http://www.sublimetext.com/
Follow me on Twitter for resources and updates:
https://twitter.com/learnwebcode

Learn how to create a "sticky" navigation (element should use "fixed" position once it would normally scroll out of view). Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Link to the demo files shown in the lesson:
http://learnwebcode.com/sticky-navigation-tutorial/
Have you put together a neat page infused with JavaScript awesomeness and want to move it from your computer to online so the world can see your JS chops? I’ve partnered with A Small Orange and can now offer my students 20% savings on any hosting plan. Hint: the shared “Small” plan is one of the best bangs for your buck around! http://p.asmallorange.com/learnwebcode/specialoffer
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode
In this lesson we make use of JavaScript and the jQuery library for event handling and conditional logic. If you are unfamiliar with JavaScript I recommend watching these two introductory videos:
https://www.youtube.com/watch?v=1vMFpT0h-WI&list=UUHRp19HU7Y2LwfI0Ai6WAGQ
https://www.youtube.com/watch?v=gIvR-WX5lIQ&list=UUHRp19HU7Y2LwfI0Ai6WAGQ

My full premium JavaScript course will be available soon, subscribe to be notified as soon as it launches.
Day 0: Intro https://www.youtube.com/watch?v=dc-2t26Vuhs
Day 1: Getting Started https://www.youtube.com/watch?v=K4b7LdWAVyw
Day 2: Functions https://www.youtube.com/watch?v=bYshPb-wEWs
Day 3: Objects https://www.youtube.com/watch?v=CXnnw9rQH5I
Day 4: Arrays https://www.youtube.com/watch?v=rTK0Gmf57jE
Day 5: Making Decisions https://www.youtube.com/watch?v=ZWxWx-vmubI
Day 6: Higher-Order Functions https://www.youtube.com/watch?v=25VUf6pUwEU
Day 7: Returning vs Mutating https://www.youtube.com/watch?v=eJ7hvnS0Bfk
Day 8: Scope & Context https://www.youtube.com/watch?v=WPcW83BMT3Y
Day 9: Misc. Must Know Info https://www.youtube.com/watch?v=AzxiDWeFeps
Day 10: Web Browser Practice https://www.youtube.com/watch?v=HQuJzGU7TWg
I'm using document.write() as a quick and dirty way to see/test values instead of always using console.log(). Please do as I say and not as I do :) Do not use document.write() for anything beyond this simple testing case and outside of CodePen I'd say never use it. In future lessons we will learn far superior ways of adding HTML content to the page from JavaScript. Also, in the real world we would never want to repeatedly update the page for each item like this, it's much better to use JavaScript to create one big string of HTML content (could concatenate to a string variable from within a while loop or forEach or even use array.reduce()) in memory first and then only add it to the page all at once. However, that's getting into efficiency and web browser performance which are not topics I wanted to address this early in the course :)
Follow me for cat pics:
Instagram: https://www.instagram.com/learnwebcode/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/

In this CSS tutorial we learn the basic properties and values that can be used to control the styling of text on web pages. Check out my "Get a Developer Job" course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBE-HALF-OFF
Have you created amazing pages with HTML & CSS and want to move them from your computer’s hard drive to online so the world can see them? The next step is to move your files to a web host. Learn about web hosts, my favorite hosting company, and how to save $40 on the only hosting plan you’ll need: http://learnwebcode.com/web-hosting/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow LearnWebCode on Twitter for resources and updates:
https://twitter.com/learnwebcode

My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL
In this lesson we add a new file named "archive.php" to our theme folder and learn how to control the title text that is displayed for different types of archive listings (category, author, date).
To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/
Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review):
http://learnwebcode.com/wordpress-archive-theme-tutorial-archive-php/
Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/
Follow me on Twitter for updates and cat pics:
https://twitter.com/learnwebcode

F or 25 years we have provided deluxe wilderness outpost fishing trips from our Armstrong location into beautiful Wabakimi Provincial Park and surrounding lakes.
Yes, we take you where the fishing is extraordinary , but there is more than fishing. Yearly family gatherings sharing a wilderness experience in comfort. Father - son (or daughter) bonding trips or Husband and wife celebrating a second honeymoon with the added spectacular outpost fishing or `the buddy trips where the tall tales get taller.
Its a big time stress reliever! . how do you think about anything else when you are fighting a fish?
Greg and I had a great week. we caught over 1000 walleye. There were well over 200 in the slot size (>18"). This is the most large walleye that have ever been caught on a trip to whiteclay for me. The slot size protection is working. It seems that each trip has more large fish being caught. Our largest northern was 43". It was caught on a jig while walleye fishing.
Greg and I sent see what you missed letters to about a dozen folks. Hope that translates into a large group for next June. . Fran and I are looking forward to the August fishing trip .
G. Ostrander, Green Bay, WI.
Want to see more?

Received your card. Congratulations on 25 Years! We speak often about the great times we had at Ogoki! A Tribute to you both!
Best Regards, Rich Craddock.
What a nice surprise to find your post card in my mail yesterday. Twenty-five years is a long time to do anything; much less a business like yours with all the uncertainties of weather, exchange-rates, two-country economies, etc. There is a reason why your business has survived and (hopefully) thrived. you do the wilderness fishing experience better than anyone in the outdoor sport vacation business.
Dear Judy and Paul,
Congratulations on 25 years. I have many fond memories of my time with Jack at Ogoki. Hope all is well with you.
. . . Nicole will take you on a guided tour!
This website will take you every step of the way for a worry free fishing vacation!
Let us introduce ourselves; Judy & Paul Boucher and family. Weve been doing this for 25 years and have learned a thing or two on how to take the worry out of the wilderness experience. Our staff will help you with anything you may not understand or solve any mechanical glitch right away. In short: we treat you like family!
Just a note to let you know our recent fishing junket to your Mojikit South Outpost.
Ive been coming to Armstrong area since 1972 and have probably flown in with 6-7 different outfitters over the years to numerous outposts. Your Mojikit South camp is clearly the nicest camp I have been to. The cabin is beautiful and roomy. Great kitchen and dining area. Beautiful screened in deck and outside porch overlooking the channel. Large chest freezer and a frig that actually keeps things cold. Screened in fishing cleaning house with running water. Bedrooms that are roomy. Vaulted ceiling the the cabin is a plus. The cabin is centrally located to both the lake and the Ogoki Reservoir.
The boats are the best that Ive ever experienced at an outpost. The inside bottoms consist of flat carpeted panels. easy to get in and out of. 1st time Ive fished an outpost with "dry" feet. The boats had comfortable swivel seats and 15 & 20 hp 4-stroke engines that worked great.
We will definitely be back. Everything about Ogoki Frontier was quality. My two grandchildren had the time of their lives, as did the other 2 members of our party. Thanks for the memories.