Get $1 credit for every $25 spent!

The Complete Front-End Developer Bundle

Ending In:
Add to Cart - $41
Add to Cart ($41)
$1,419.97
97% off
wishlist
(24)
Courses
9
Lessons
647
Enrolled
237

What's Included

Product Details

Access
Lifetime
Content
6 hours
Lessons
82

Learn CSS Web Design & Development

Learn How to Apply CSS Styling to HTML Elements

By Laurence Svekis | in Online Courses

Description

CSS (Cascading Style Sheets) is one of the main building blocks of web content as it's used to add styling to plain HTML. Want to bring your web content to life? You need to learn CSS, and that's just what this course will help you do. You'll learn how to use CSS syntax and begin to understand where to apply different properties and values. Whether you're a complete beginner or want to refresh your skills, this course is for you.

  • Access 82 lectures & 6 hours of content 24/7
  • Learn how to add CSS to your websites
  • Add styling w/ colors to fonts & backgrounds
  • Discover the Box Model
  • Understand how Padding, Borders, & margins work
  • Update your height, width & dimensions
  • Learn the basics of displaying content w/ CSS

Instructor

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

Applications he has created have entertained, informed and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise level platforms.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner

Requirements

  • Internet required

Course Outline

  • Introduction to CSS
    • 1 CSS course introduction - 7:08
    • 2 CSS course resources - 2:39
    • 3 Websites with and without CSS - 6:37
    • 4 How to add CSS to HTML Pages - 10:28
    • 5 Making selections CSS inspector - 7:42
    • 6 Divs and spans content selection - 6:32
    • 7 CSS selection id tag class - 8:43
    • 8 Colors HEX RGB RGBA values - 7:29
    • 9 CSS named color values - 2:28
    • 10 CSS background images - 9:16
    • 11 CSS background shorthand statement - 2:33
    • 12 Source Code
    • 13 CSS borders shorthand - 5:44
    • 14 CSS border Outline - 2:04
    • 15 Source Code
    • 16 CSS Margins - 4:07
    • 17 CSS padding - 3:10
    • 18 CSS Box Model Dev Tools - 7:40
    • 19 Box Model Example
    • 20 CSS height and Width - 3:45
    • 21 Box Model Challenge - 5:20
    • 22 Box Model Source
    • 23 Auto Margins Center your elements CSS - 2:02
    • 24 CSS font property - 5:37
    • 25 CSS Text property - 4:20
    • 26 Chrome dev tools editors and options - 2:48
    • 27 Adding Font families Google Fonts - 4:55
    • 28 Line Height CSS - 2:54
    • 29 CSS letter spacing - 2:35
    • 30 Code Examples
    • 31 CSS links - 4:52
    • 32 CSS table styling - 5:56
    • 33 Display and Hiding elements CSS - 6:37
    • 34 Source Code
    • 35 Four Squares Challenge - 5:31
    • 36 Solution
    • 37 CSS position Properties - 6:14
    • 38 DevTools Design Tips - 3:03
    • 39 Code Example
    • 40 navbar challenge - 4:16
    • 41 NavBar Start Code
    • 42 Code Challenge Solution - 10:42
    • 43 NavBar Source Code
    • 45 CSS links and resources
    • 44 Code Example
  • Using CSS to build web page layouts
    • 46 Floats section introduction - 2:14
    • 47 More about Floats - 5:57
    • 48 Introduction to floats - 4:53
    • 49 CSS Float images inline with text - 6:17
    • 50 CSS float thumbnails - 5:26
    • 51 Source Code Floats
    • 52 HTML build basic page layout CSS - 6:10
    • 53 Two column CSS site - 4:12
    • 54 Create a 2 column page layout in minutes - 6:19
    • 55 Two column site source code
    • 56 Create 3 column webpage - 7:07
    • 57 Three column height background color fix - 3:55
    • 58 Three Column Source Code
  • Advanced CSS
    • 59 CSS Combinators - 7:40
    • 60 Pseudo Classes - 8:55
    • 61 Source Code
    • 62 CSS Pseudo Elements - 8:22
    • 63 Source Code
    • 64 CSS Selectors by attributes - 8:46
    • 65 Selector Example Code
    • 67 Media Query Source Code
    • 66 CSS Media Queries secret to responsive design - 12:14
  • Do more with CSS
    • 68 Multiple Background Images CSS - 2:46
    • 69 Element box properties CSS - 7:07
    • 70 More border options CSS3 - 8:08
    • 71 Source Code Example
    • 72 CSS3 background gradients CSS - 6:07
    • 73 Code Sample
    • 74 CSS3 Animation - 6:23
    • 75 Animation Example
  • Apply CSS create a website
    • 76 HTML build a basic website structure with HTML - 6:25
    • 77 Apply CSS build a navbar - 5:18
    • 78 Build 2 Column main content area CSS - 6:41
    • 79 Sidemenu links hover CSS - 7:47
    • 81 Website Source Code
    • 80 CSS website tweaks - 10:21
    • 82 CSS Resources

View Full Curriculum


Access
Lifetime
Content
11 hours
Lessons
155

Complete Bootstrap 4 Course: Build 5 Projects From Scratch

Get Familiar with Bootstrap 4, One of the Best Tools for Rapid Site Design & Development

By Laurence Svekis | in Online Courses

Description

Bootstrap is a free and open-source front-end web framework for designing websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front-end development only and allows you to build responsive, mobile-first projects fast. This course will show you the ins and outs of Bootstrap and even includes source code and a step-by-step guide to build five complete websites.

  • Access 155 lectures & 11 hours of content 24/7
  • Learn how to add Bootstrap to your website
  • Explore how containers work
  • Add classes to make things happen
  • Understand how the Bootstrap Grid works
  • Explore columns & rows and how to structure your content

Instructor

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

Applications he has created have entertained, informed and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise level platforms.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner

Requirements

  • Internet required

Course Outline

  • Introduction to Bootstrap 4
    • 1 Welcome to Bootstrap 4 - 8:39
    • 2 What is Bootstrap introduction to Bootstrap 4 - 5:45
    • 3 New Bootstrap 4 Features - 3:35
    • 4 Course editor and resources overview - 4:27
    • 5 Resources
    • 6 Setup Bootstrap on your computer - 7:34
    • 7 Try out Bootstrap adding classes - 3:37
    • 8 Bootstrap Containers to hold elements - 4:09
    • 9 Media sizes in Bootstrap - 3:16
    • 10 Media Size Example
    • 11 Bootstrap Grid columns - 11:42
    • 12 Source Code
    • 13 Bootstrap Column Sizing - 11:15
    • 14 Coding Exercise
    • 15 Grid Column Order and spacing - 10:23
    • 16 Source Code
    • 17 Nested Rows within Rows - 5:06
    • 18 Source Code
    • 19 Typography standout text - 5:02
    • 20 Source Code
    • 21 List group items - 8:28
    • 22 Source Code
    • 23 Bootstrap responsive images - 7:02
    • 24 Source Code
    • 25 Bootstrap JumboTron - 3:40
    • 26 Badges in Bootstrap - 2:27
    • 27 Source Code
    • 28 Buttons in Bootstrap - 9:06
    • 29 Bootstrap Button Groups - 5:24
    • 30 Source Code
    • 31 Button RadioButtons and checkboxes - 9:15
    • 32 Source Code
    • 33 Bootstrap Progress bar - 10:09
    • 34 Progress Bar Source Code
    • 35 Font and Background color - 3:50
    • 36 Source Code Font and Background
    • 37 Bootstrap Utility Classes - 9:28
    • 38 Source Code
    • 39 Bootstrap tables - 10:36
    • 40 Tables source code
    • 41 Cards in Bootstrap - 4:34
    • 42 Card Structure and grouping - 11:57
    • 43 Cards Source Code
    • 44 Bootstrap Forms Grid - 7:24
    • 45 Bootstrap 4 Form Source Code
    • 46 Input Group Addons - 8:13
    • 47 Form select and file input - 3:06
    • 48 Drop down menu Bootstrap - 6:22
    • 49 Example Code
    • 50 Bootstrap Nav Component - 9:53
    • 51 Bootstrap Nav Source
    • 51 Bootstrap NavBar Source
    • 52 Bootstrap NavBar Responsive - 12:10
    • 53 Bootstrap NavBar Source
    • 54 Navbar options Bootstrap - 4:50
    • 55 Source Code
    • 56 Bootstrap Alerts - 4:42
    • 57 Alert Source Code
    • 58 Popover and Tooltip - 5:37
    • 59 Source Code
    • 60 Collapse and show elements - 4:11
    • 61 Source Code
    • 62 Bootstap Modals - 9:43
    • 63 Modal Source Code
    • 64 Bootstrap Image Carousel - 9:56
    • 65 Source Code
    • 67 Bootstrap 4 sample site
    • 66 Bootstrap conclusion - 4:13
    • 68 Bootstrap 4 Beta Changes
  • Website from Scratch in 1 hour using Bootstrap 4
    • 1 Quick Start Bootstrap - 5:51
    • 3 Page Quick Design - 5:02
    • 4 Splash Page Introduction - 4:28
    • 4 Bootstrap 4 NavBar - 8:04
    • 5 Bootstrap Grid - 5:29
    • 6 Bootstrap 4 Cards - 4:13
    • 8 Customize CSS - 6:57
    • 9 Bootstrap 4 Utilities - 5:14
    • 10 Bootstrap 4 Card options - 8:03
    • 11 Website Overview - 4:37
    • 12 Footer Sizing Spacing - 7:08
  • Rapid Web development create a quick website
    • 0 single page website 1 - 1:47
    • 1 Build a Default Bootstrap template - 6:13
    • 2 Build responsive navbar - 6:21
    • 3 Responsive NavBar Bootstrap 4 - 8:41
    • 3 source Code
    • 4 Build 100 height Sections - 8:05
    • 5 Build section - 6:16
    • 6 Bootstrap Buttons Section - 5:24
    • 7 Bootstrap 4 Cards in Action - 6:40
    • 7 source Code
    • 8 Bootstrap 4 Forms - 4:41
    • 9 Add new section with background image - 4:59
    • 9 source Code
    • 10 Footer Styling Bootstrap 4 - 5:03
    • 11 Bootstrap ScrollSpy - 4:06
    • 12 Bonus jQuery Animate Method - 10:22
    • 12 source Code
    • 13 Course Overview - 4:22
    • 13 Resources
  • Build Multiple Page Website from scratch portfolio site
    • 0 single page website 1 - 1:47
    • 1 Build a Default Bootstrap template - 6:13
    • 2 Build responsive navbar - 6:21
    • 3 Responsive NavBar Bootstrap 4 - 8:41
    • 3 source Code
    • 4 Build 100 height Sections - 8:05
    • 5 Build section - 6:16
    • 6 Bootstrap Buttons Section - 5:24
    • 7 Bootstrap 4 Cards in Action - 6:40
    • 7 source Code
    • 8 Bootstrap 4 Forms - 4:41
    • 9 Add new section with background image - 4:59
    • 9 source Code
    • 10 Footer Styling Bootstrap 4 - 5:03
    • 11 Bootstrap ScrollSpy - 4:06
    • 12 Bonus jQuery Animate Method - 10:22
    • 12 source Code
    • 13 Course Overview - 4:22
    • 13 Resources
  • Bootstrap Parallax Style Single Page Website
    • 00 single page parallax website 4 - 2:16
    • 0.5 Course Resources Setup Environment - 2:17
    • 1 Basic Bootstrap 4 Template Creation - 3:20
    • 1 Source Code
    • 2 Create Bootstrap NavBar - 11:08
    • 2 Source Code
    • 3 Header Section - 6:30
    • 4 Build Home Section - 7:56
    • 7 About Me Section - 7:41
    • 9 Bootstrap Cards Grid Columns - 7:55
    • 11 Create Contact Form Grid - 7:08
    • 13 Footer and Tweak Page - 3:13
    • 15 Add jQuery Animate - 7:30
    • 17 Project Review - 2:37
    • 17 Source Code
    • 18 CSS Source Code
    • 19 Resources
  • Multiple Page Image header Bootstrap 4 website
    • 0 multiple page website 2 - 1:45
    • 0 Project Introduction - 2:09
    • 1 Create Bootstrap template - 4:22
    • 2 Design Website Concept and structure - 7:16
    • 3 Setup NavBar Structure - 3:09
    • 4 Create a Responsive Navbar Bootstrap 4 - 9:29
    • 4 Source Code
    • 5 Build image Background Section - 11:57
    • 5 Source Code
    • 6 Bootstrap 4 Footer Structure - 6:33
    • 7 Adding Font Awesome Icons - 5:43
    • 7 Source Code
    • 9 Plan Home Page Design - 4:48
    • 10 Build Home Page - 10:37
    • 10 Source Code
    • 14 Design Planning About Page - 4:27
    • 15 Bootstrap List and Grid About Page - 11:24
    • 15 Source Code
    • 16 Plan and Design Services Page - 3:07
    • 18 Services Page using Cards - 7:00
    • 18 Source Code
    • 20 Setup Contact Page Design - 4:40
    • 21 Build Contact Form Bootstrap 4 - 8:34
    • 21 Source Code
    • 24 Multiple page Site Overview - 3:42
    • 24 Resources

View Full Curriculum


Access
Lifetime
Content
12 hours
Lessons
91

Adobe Illustrator CC 2018 Master Class

Master the Industry-Standard Vector Graphics Application

By Martin Perhiniak | in Online Courses

Description

Adobe Illustrator is the industry-standard vector graphics application that lets you create logos, icons, sketches, typography and complex illustrations for print, web, interactive, video and mobile devices. In this course, you'll start with the very basics and progress to creating complex projects.

  • Access 91 lectures & 12 hours of content 24/7
  • Learn how to draw circles & rectangles
  • Create complex illustrations, logos, business cards & more
  • Get confident w/ each tool or feature of Illustrator

Instructor

Martin Perhiniak is a Certified Adobe Design Master and Instructor. He was voted to be one of the top 10 Adobe instructors in the world by student feedback. In his online courses besides the technical knowledge you need, Martin will also teach you a lot about design principles, compositional techniques and plenty of best practices that he developed while working as a designer and retoucher on projects such as Pixar’s Cars and Toy Story, BBC’s Dr Who or Mattel’s Team Hot Wheels.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required
  • Adobe Illustrator required

Course Outline

  • Introduction
    • Who is this course for? - 2:16
    • Why learn Illustrator? - 1:57
    • How to study? - 3:26
    • Getting an Adobe Certification - 5:06
    • Differences in CC 2018 - 1:28
    • Exercise Files
    • Study guides and useful resources
  • Basics
    • Illustrator documents - 8:44
    • Artboards - 10:48
    • Artboards update (New in CC 2018) - 3:18
    • Navigation - 7:50
    • Working with Vectors - 9:41
    • User interface - 10:29
    • Properties panel (New in CC 2018) - 3:29
    • Settings - 6:10
    • Basics Quiz
  • Working with Objects
    • Working with Objects - 12:05
    • Transformations - 7:55
    • Combining shapes - 13:21
    • Selection techniques - 6:28
    • Organising objects - 12:52
    • Aligning and Distributing objects - 5:23
    • Working precisely - 9:25
    • Exercises - 7:16
    • Working with Objects Quiz
  • Appearance of Objects
    • Stroke settings - 13:11
    • Swatches - 13:37
    • Gradients - 10:23
    • Appearance panel - 15:08
    • Effects - 11:06
    • Exercises - 2:23
    • Appearance of Objects Quiz
  • Drawing
    • Basic drawing tools - 10:04
    • Drawing exercise - 14:31
    • Coloring - 11:59
    • Drawing assistance tools - 8:38
    • Draw Inside - 6:27
    • Pen Tool - 14:01
    • Pen Tool Exercise - 18:28
    • Pen Tool alternatives - 14:08
    • Distort and Transform tools - 8:56
    • Symmetrical drawing - 9:04
    • Concentric drawing technique - 9:58
    • Manual Tracing Exercise - 9:41
  • Brushes
    • Calligraphic Brushes - 11:50
    • Scatter Brushes - 10:28
    • Art Brushes - 10:58
    • Bristle Brushes - 2:54
    • Pattern Brushes - 11:22
    • Image Brushes - 9:55
    • Brushes Quiz
  • Working with Images and Tracing them
    • Working with images - 10:30
    • Preparing Simple Images for Tracing - 8:23
    • Preparing Complex Images for Tracing - 10:24
    • Image Trace - 20:31
    • Improving and Colouring Traced Images - 10:01
  • Type
    • Character Formatting - 12:17
    • Paragraph Formatting - 12:02
    • Using Text Styles - 7:12
    • Fonts - 7:59
    • Variable and SVG Fonts (New in CC 2018) - 3:22
    • Touch Type - 3:21
    • Type on a Path - 5:59
    • Type and Shapes - 4:33
    • Warp Text - 3:15
    • 3D Type - 6:27
    • Create Outlines from Text - 7:48
    • Image within Text - 3:21
    • Text Wrap - 7:02
    • Type Exercise - 7:03
    • Type Quiz
  • Advanced Techniques
    • Introduction to Masking - 10:33
    • Clipping Mask - 4:58
    • Opacity Mask - 3:23
    • Masking Exercise - 2:27
    • Recolor Artwork - 9:13
    • Live Paint Bucket - 8:56
    • Envelope Distort - 3:43
    • Puppet Warp (New in CC 2018) - 3:56
    • Symbols - 6:08
    • Symbol Tools - 6:20
    • Graphs - 10:17
    • Blending Objects - 4:34
    • Creating Patterns - 10:27
    • Refining Pattern Design - 6:55
    • Gradient Mesh - 8:32
    • Perspective Drawing - 8:46
    • Advanced Techniques Quiz
  • Export and Integration
    • Saving work for Print - 8:13
    • Saving work for Web - 7:42
    • Export for Screens - 3:46
    • Adobe Apps - 8:24
    • Integration with Bridge - 2:48
    • CC Libraries - 6:06
    • Archiving projects - 4:41
    • Export and Integration Quiz
  • CC 2019 New Features
    • Freeform Gradients - 5:22
    • Global Edit - 4:23
    • Enhanced visual font browsing - 5:47
    • User Interface Improvements - 4:33
    • Viewing Improvements - 5:33
  • Conclusion
    • Building Your Portfolio - 8:02
    • Conclusion - 0:48

View Full Curriculum


Access
Lifetime
Content
4 hours
Lessons
43

Step-by-Step HTML & CSS for Absolute Beginners

Create Your Own Web Pages with HTML & CSS

By Kathleen Farley | in Online Courses

Description

HTML and CSS are the building blocks of the web; the stuff that makes web pages appear the way they do. Whether you want to make changes to your website's template, create new pages from scratch, or just understand what those YouTube coding tutorials are actually saying, this course can help. Here, you'll create a simple "Coming Soon" web page using valid HTML5 and CSS3 code so you can learn how to code with confidence.

  • Access 43 lectures & 4 hours of content 24/7
  • Learn what tools you need to write HTML & CSS, and how to use them
  • Organize & manage web page content w/ HTML
  • Use CSS to control the presentation or "look" of your webpage
  • Understand how web publishing works, & how to get your HTML and CSS files from your computer onto the web

Instructor

Kathleen Farley is a computer geek, teacher, learner, greyhound rescuer, cat lover, vinyl junkie (1600+ records and counting), hockey fan, vegetarian, and recovering non-profit executive. She currently runs an indie record label called Maisonneuve Music. Occasionally she breaks (and fixes) computers. Not necessarily in that order.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner

Requirements

  • Internet required

Course Outline

  • On your mark, get set... GO!
    • Course introduction and welcome (2:04)
    • Project overview: A "Coming Soon" webpage (1:06)
    • Getting started with HTML and CSS (8:52)
    • Creating HTML and CSS files (5:09)
    • QUIZ: Check your progress!
  • Adding content to your webpage using HTML
    • Understanding HTML
    • Learning HTML syntax (13:19)
    • Adding headings and paragraph text (11:01)
    • Using special characters (3:51)
    • Adding web and email links (8:05)
    • Adding images (16:08)
    • Finding icons and other graphics (7:33)
    • Making clickable images (3:07)
    • Checking your HTML code for mistakes (8:22)
    • QUIZ: Check your progress!
  • Controlling the look of your content with CSS
    • Understanding CSS
    • Adding CSS to your webpage (9:51)
    • Learning CSS syntax (11:42)
    • Changing fonts (10:11)
    • Choosing a good color scheme (6:19)
    • Changing colors on your webpage (6:19)
    • Checking your CSS code for mistakes (2:23)
    • QUIZ: Check your progress!
  • Publishing your webpage: The (not-so-scary) technical stuff
    • How web publishing works
    • Understanding FTP: File Transfer Protocol (10:35)
    • Getting your files online using FTP (8:37)
    • Editing your webpage online (5:16)
    • QUIZ: Check your progress!
  • Putting it all together: Layout and design
    • Using HTML and CSS together
    • Dividing sections of content using DIVs (8:21)
    • Changing the background color of a section (7:09)
    • Changing the width of a section (2:20)
    • Centering content inside a section (1:51)
    • Repositioning an entire section (7:21)
    • Controlling the way links appear on your webpage (1:18)
    • Changing your text to uppercase or lowercase (3:14)
    • Categorizing your webpage content using classes (4:47)
    • Repositioning images on your webpage (3:37)
    • Changing the space around sections of content (8:04)
    • QUIZ: Check your progress!
  • Getting fancy: Tweaking your webpage design
    • Going further with HTML and CSS
    • Making rounded corners (3:55)
    • Tweaking line spacing (2:10)
    • Changing the way a link appears when you hover over it (3:48)
    • Adding a drop shadow effect (7:54)
    • Creating special effects with images (12:26)
    • QUIZ: Check your progress!
  • Wrapping up
    • Project review: Coming Soon page
    • What's next?

View Full Curriculum


Access
Lifetime
Content
9 hours
Lessons
94

JavaScript for Beginners

Learn JavaScript Through Whiteboard Videos, Coding In the Browser & Building a Website

By Rob Merrill | in Online Courses

Description

JavaScript for Beginners is your one-stop course to enter into the language of JavaScript. You'll start from scratch and build up your understanding of the world's most popular programming language. With whiteboard videos, you get to visualize what JavaScript does under the hood. You won't become a master overnight, but this is a great foundation.

  • Access 94 lectures & 9 hours of content 24/7
  • Take advantage of Google Chrome developer tools to put the JavaScript you've learned into practice
  • Cover the building blocks of JavaScript
  • Discuss objects, arrays, functions, loops & conditionals
  • Explore functional programming

Instructor

Rob Merrill enjoys working with JavaScript. He lives in Seattle with his wife, cat and two dogs in an apartment that is too small to hold them all. He is an App Specialist at Subsplash in Seattle. He started coding around two years ago, meaning he knows some stuff but he also knows what it means to know nothing.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner

Compatibility

  • Internet required

Course Outline

  • Intro
    • Intro - 4:42
  • Building Blocks
    • Variables Lecture - 4:53
    • Variables Lab - 4:16
    • Variables Cheat Sheet
    • Strings Lecture - 5:40
    • Strings Lab - 5:29
    • Strings Cheat Sheet
    • Operators - Edit Log
    • Operators Lecture - 7:48
    • Operators Lab - 6:46
    • Operators Cheat Sheet
    • Increment & Decrement Operator - 4:51
    • Building Blocks Review - Edit Log
    • Section Review - 17:02
  • Objects
    • Objects Part 1 - 4:43
    • Objects Part 1 Lab - 3:54
    • Objects Cheat Sheet
    • Objects Part 2 - 5:12
    • Objects Part 2 Lab - 4:40
    • Object Constructor Function - 6:26
    • Object Constructor Function Lab - 6:03
    • New Lecture
    • New Lecture
    • Secret Life of JavaScript Primitives - 7:23
  • Arrays
    • Arrays Part 1 - 4:27
    • Arrays Part 1 Lab - 4:15
    • Arrays Part 2 - 5:18
    • Arrays Part 2 Lab - 4:19
    • Arrays Part 3 - 5:25
    • Arrays Part 3 Lab - 6:54
    • Section Review - 12:39
  • Functions
    • Functions - 4:30
    • Functions Lab - 3:46
    • Function Deep Dive - 5:31
    • Functions Deep Dive Lab - 5:03
    • Function Scope - 5:23
    • Function Scope Lab - 7:02
  • Loops & Conditionals
    • Loops - 7:57
    • Loops Lab - 7:13
    • Switch Statements - 3:55
    • Switch Statements Lab - 7:36
    • For, While & Do - 7:37
    • For, While & Do Lab - 7:11
  • Context
    • This & Bind - 5:04
    • This & Bind Lab - 5:59
    • This & Call - 5:57
    • This & Call Lab - 5:19
  • Functional Programming
    • Functional Programming - 9:03
    • Functional Programming Lab - 8:29
    • Map - 7:26
    • Map Lab - 7:09
    • Reduce - 7:37
    • Reduce Lab - 8:17
  • Algorithms
    • Identify Unique String - 9:36
    • Identify Longest Word in a String - 8:22
    • Permutation of Two Strings - 9:34
    • Sum of Range - 6:45
    • Remove Elements from Head - 7:57
    • Palindrome - 8:51
  • ES6
    • Let Statements - 5:29
    • Let Statements Lab - 7:57
    • Const Statement - 3:08
    • Template Literals - 6:09
    • Template Literals Lab - 6:32
    • Arrow Functions - 5:25
    • Arrow Functions Lab - 6:13
    • Spread Operator - 6:15
    • Spread Operator Lab - 6:28
  • Watch and Code
    • Watch and Code - Intro
    • Reverse a String - 11:57
    • Filter Strings in an Array - 12:00
    • Find Largest Number in an Array - 13:36
  • Front End Introduction
    • Overview - 1:50
  • HTML
    • Text Editor - 2:35
    • HTML Intro - 6:14
    • Elements & Tags - 6:56
    • Comments & Structure - 7:06
    • Header - 6:01
    • Hero - 4:28
    • Services - 8:42
    • About - 3:45
    • Testimonials - 6:40
    • Footer - 4:09
  • CSS
    • Intro - 5:32
    • Header - 9:34
    • Footer - 2:46
    • Hero - 5:14
    • Services - 2:47
    • About & Testimonials - 3:03
    • Navigation - 4:04
    • Mobile Friendly - 4:30

View Full Curriculum


Access
Lifetime
Content
8 hours
Lessons
65

JavaScript Specialist Designation

Study to Pass the JavaScript Specialist Designation Exam

By LearntoProgram.tv | in Online Courses

Description

If you're interested in pursuing a career in web development, then it is imperative that you become proficient in JavaScript. Almost every digital development project involves some level of JavaScript, and experts are perpetually in demand. Whether you're a business owner, a freelancer, or seek to work in the web dev industry, this comprehensive course will get you started on the right path. Once you complete the course, you'll be eligible to sit for the JavaScript Specialist Designation exam, and be armed with all the knowledge you need to receive a passing grade.

  • Access 65 lectures & 8 hours of content 24/7
  • Learn how to output to the console & to the browser window by manipulating the DOM
  • Understand how to use variables, perform arithmetic, use operators, numbers, & Booleans, & much more w/ JavaScript
  • Code for JavaScript events & callback functions
  • Create arrays, strings, string functions, & more
  • Process text w/ JavaScript regular expressions
  • Access web services w/ the xmlHTTPRequest() Object
  • Discover JSON notation & parsing JSON content

Instructor

LearnToProgram is a leading publisher of web, mobile and game development courses that are used by individuals and companies world-wide. Based outside of Hartford, Connecticut, the LearnToProgram team is dedicated to teaching more people to program than any other company on the face of the Earth. Their authors are among the most experienced in the field-- and they have one important thing in common: LearnToProgram authors consider themselves teachers first and technical experts second.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Requirements

  • Internet required

Course Outline

  • Getting Started
    • Writing Your First Javascript Program-- Quick Start (12:37)
    • Where To Put Javascript Code (8:45)
    • The window.onload Function (7:03)
    • Output to the Console (6:17)
    • Output to the Browser (8:51)
    • Understanding getElementById() (7:59)
  • Variables and Math
    • Section Introduction
    • Declaring and Initializing Variables (8:42)
    • Types of Javascript Variables (7:15)
    • Operators and Arithmetic in Javascript (16:31)
    • Javascript Math Functions (8:55)
    • It's True! You Can Understand Booleans (4:28)
    • Javascript Guessing Game (11:21)
  • Conditionals
    • Section Introduction
    • If Statements (11:35)
    • If... Else Statements (9:23)
    • If and Else If (8:42)
    • Nested If Statements (4:45)
    • Javascript Switch Statement (11:29)
    • Javascript Program: Calculating Bonuses (11:06)
  • Loops
    • Section Introduction
    • While Loops (6:55)
    • Do... While Loops (5:35)
    • For Loops (7:24)
    • For... In Loops (3:57)
    • Endless Loops (4:03)
    • Break and Continue Statements (3:59)
    • Javascript Program: Calculating Simple Interest (16:01)
  • Functions
    • Section Introduction
    • Defining a Simple Function and Function Calls (6:44)
    • Function Parameters (6:07)
    • The Return Statement (6:31)
    • Anonymous Functions (4:32)
  • Events
    • Section Introduction
    • Mouse Events (7:54)
    • Keyboard Events (6:08)
    • Form Events (3:46)
    • The Event Object (9:56)
  • Dialog Boxes
    • Section Introduction
    • Alert Dialogs (4:09)
    • Confirm Dialogs (4:29)
    • Prompt Dialogs (3:23)
  • Arrays
    • Section Introduction
    • Declaring Arrays (4:42)
    • Accessing and Editing Array Elements (6:43)
    • Looping Through Arrays (8:59)
    • Array Functions (9:06)
  • Strings
    • Section Introduction
    • charAt(), includes() and indexOf() (6:07)
    • search() and replace() (5:16)
    • slice(), split() and substr() (6:37)
  • Dates
    • Section Introduction
    • Getting Current Date and Time (6:08)
    • Setting a Custom Date and Time (6:07)
    • More Date and Time Functions (5:52)
  • Regular Expressions
    • Section Introduction
    • Understanding Regular Expressions (5:52)
    • Testing for Matches (4:33)
    • Search and Replace with RegEx (8:56)
  • DOM Elements
    • Section Introduction
    • getElementById() and innerHTML (4:21)
    • Changing DOM Elements (5:59)
    • Adding and Deleting Elements (6:01)
    • Locating Elements (4:37)
  • Services
    • Section Introduction
    • xmlHttpRequest() Object (12:05)
    • Making get Requests (5:17)
    • Making post Requests (4:55)
    • Working with Text Data (2:12)
    • Working with XML content (10:59)
  • JSON
    • Section Introduction
    • Understanding JSON Notation (6:52)
    • Obtaining JSON Content from a Service (9:02)
    • Parsing JSON Content (11:32)
  • Applied Javascript Examples
    • Section Introduction
    • Drawing on the Canvas (9:45)
    • Geolocation (6:50)
  • Javascript Objects and Classes
    • Section Introduction
    • Custom Objects (5:36)
    • Javascript Classes (6:10)
    • Wrap up and Goodbye!
  • Labs and Lab Solutions
    • Javascript Lab 1
    • Javascript Lab 2
    • Javascript Lab 3
    • Javascript Lab 4
    • Javascript Lab 5
    • Javascript Lab 6
    • Javascript Lab 7
    • Javascript Lab 8
    • Javascript Lab 9
    • Javascript Lab 10
    • Javascript Lab 11
    • Javascript Lab 12
    • Javascript Lab 13
    • Javascript Lab 15
    • Javascript Lab 16
    • Lab1answer
    • Lab2answer
    • Lab3answer
    • Lab4answer
    • Lab5answer
    • Lab6answer
    • Lab7answer
    • Lab8answer
    • Lab9answer
    • Lab10answer
    • Lab 13 Answer
    • Lab11answer
    • Lab12answer
    • Lab15answer
    • Lab16answer

View Full Curriculum


Access
Lifetime
Content
5 hours
Lessons
35

React for Absolute Beginners

The Complete Guide to Professional Development Using React

By Eduonix Technologies | in Online Courses

Description

With the growing importance of brilliant and interactive UIs, React has taken center stage at simplifying the process of building dynamic user interfaces, as well as websites and apps. This React course not only helps to break down the fundamentals of React but also dives deep into how React works and the actual coding process that is required. At the end of this course, you will have a thorough working idea of React and you’ll even be able to build your own small projects.

  • Access 35 lectures & 5 hours of content 24/7
  • Explore JSX, looping, & ES
  • Understand how to fix bugs
  • Discuss states, props, libraries, actions, Redux, & ore
  • Build a small but effective project

Instructor

Eduonix creates and distributes high-quality technology training content. Their team of industry professionals has been training manpower for more than a decade. They aim to teach technology the way it is used in the industry and professional world. They have a professional team of trainers for technologies ranging from Mobility, Web and Enterprise, and Database and Server Administration.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner

Requirements

  • Internet required

Course Outline

  • Introduction to React
    • Introduction (1:44)
    • Getting Started with React (6:13)
    • What is React? (5:11)
    • HTML Setup (7:37)
    • Server Setup (4:50)
    • Review (2:54)
  • JSX and React Components
    • Intro to JSX (7:44)
    • Your first Component (5:20)
    • Events Looping (13:39)
    • ES & React (8:26)
    • Bug Fixing (6:41)
  • State and Props
    • Data in React (4:45)
    • What is State (9:21)
    • What is Props (15:26)
    • Lifecycle Methods (6:00)
    • Stats Props Reviews (4:12)
  • Data and Libraries
    • Intro to Libraries (6:08)
    • Package Installs (18:39)
    • Ajax Data (13:24)
    • Data - Part 2 (12:50)
    • Review (3:20)
  • Actions, Reducers, Redux
    • Better Data Flow (6:32)
    • Folder Structure Naming (5:04)
    • Broad View (10:05)
    • Actions (9:29)
    • Reducers (9:49)
    • Containers (13:16)
    • Review (7:25)
  • Project - Github Profile
    • Project Details (3:56)
    • API - Setup (14:27)
    • Main Interface Components (15:16)
    • Data Flow (17:37)
    • Interactivity - Part 1 (12:58)
    • Interactivity - Part 2 (3:34)
    • Finishing Touches (8:45)

View Full Curriculum


Access
Lifetime
Content
5 hours
Lessons
23

Mastering Mobile App Design With Sketch 3

The Beginner's Guide to Awesome Mobile App Development

By Devslopes | in Online Courses

Description

Want to learn how to design mobile apps with Sketch 3? Then this course is for you. This fluff-free course focuses only on the most important things you need to know to get up and working as fast as possible. Before you know it, you'll be a fluent app designer in Sketch 3 and be putting together beautiful mobile app designs in no time.

  • Access 23 lectures & 5 hours of content 24/7
  • Go from beginner to fluent in mobile app design
  • Learn the Sketch 3 app
  • Discover core design principles that you can take w/ you to any app

Instructor

Mark Price is a veteran mobile developer, having built over 57 mobile apps for iOS and Android. He owned two tech consulting companies that were highly successful. He has worked on Call of Duty and other top titles and companies, such as Logitech, Yellow Pages, the LDS Church, Cookie Dough Bites, and many more.

He spends most of his days now as a professional engineering instructor - changing the lives of students throughout the world - going from being broke to making up to 85k+ a year within 6 months.

His passion is helping people reveal hidden talents and guide them into the world of startups and programming.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner

Requirements

  • Internet required
  • Mac OS X
  • Sketch app (free to download)

Course Outline

  • Basics of Sketch
    • Sketch UI Overview (2:06)
    • Designing Your First App in Sketch (12:15)
    • Basics of Layers in Sketch (11:11)
    • Understanding Shapes in Sketch (16:16)
    • Masking & Proportional Scaling in Sketch (7:46)
    • Styling in Sketch Part 1 (18:08)
    • Styling in Sketch Part 2 (12:29)
    • Working With Images in Sketch (7:12)
    • Typography & Text in Sketch (5:29)
    • Symbols in Sketch (10:51)
    • Designing an Instagram Profile Page in Sketch (13:30)
    • How to Export Graphics in Sketch (4:41)
    • Exercise - Creating a Post
  • Advancing Your Skills & Designing A Chat App
    • Intro to App (0:33)
    • Creating the Signup & Login Screen in Sketch (19:24)
    • Creating the Inbox in Sketch (37:44)
    • New Messages UI in Sketch (23:06)
    • Creating the Chat UI in Sketch (19:42)
    • Creating the Settings Screen in Sketch (15:57)
    • Exercise - Adding UI Screens to the Chat App
  • Designing an App With Requirements - Globetrotter
    • Intro to App (0:32)
    • Creating the Login Screen in Sketch (12:48)
    • Creating the Email Signup UI in Sketch (7:43)
    • Designing the Home Screen (24:19)
    • Creating the Post Screen in Sketch (19:13)
    • Exercise - Designing More Screens for Globetrotter in Sketch

View Full Curriculum


Access
Lifetime
Content
6 hours
Lessons
59

Adobe Photoshop CC: Your Complete Beginner's Guide

The World's Most Popular Photo Editing Software Taught to You From A to Z

By VideoSchoolOnline | in Online Courses

Description

You probably at least know of Photoshop, the world's leading photo editing software, but you might not know quite how to use it to its fullest potential. In this course, you'll go from zero to hero in Photoshop, mastering all of the editing tools available, as well as the design capabilities. Whether you want to use Photoshop for business or pleasure, this course will give you all the tools you need to succeed.

  • Access 59 lectures & 6 hours of content 24/7
  • Navigate & customize a Photoshop workspace
  • Learn how to edit RAW & non-RAW photos in Photoshop
  • Use selection tools, retouching tools, & more
  • Create & adjust shapes in Photoshop
  • Design graphics w/ different blend models
  • Save your projects for printing, online, sharing, & more

Instructor

Phil Ebiner started teaching online courses in 2012, and now has over 80,000 students on Udemy learning everything from photography to video making. He worked as a photographer at a private college a few years ago doing event coverage, marketing and advertising, and social media. Sam Shimizu-Jones has been taking photos his entire life. Growing up in Santa Cruz, CA, he fell in love with photography skating around town. Since then, he's traveled the world taking photos for business and pleasure.

Important Details

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner

Compatibility

  • Internet required

Course Outline

  • Getting Started
    • Welcome Video (2:27)
    • Jump Right In! Design a Blog Graphic (12:22)
  • Photoshop Basics
    • Understanding the Interface (7:59)
    • Customizing Your Workspace and Panels (5:58)
    • Creating a New Photoshop Project (10:28)
    • Placing Photos into Your Project (7:10)
    • Selecting, Zooming, and Moving Around Your Project (6:09)
  • Photoshop Layers Panel
    • Intro to the Layers Panel (12:55)
    • Using the Align Tools (4:06)
    • Stacking, Copying, and Deleting Layers (3:17)
    • Merging Layers (4:50)
    • Using Layer Masks (6:32)
    • Exercise - Create a Non-Destructive Vignette (6:23)
    • The Eraser Tool and Why I Don't Use It (2:54)
  • Editing Photos in Photoshop Camera RAW
    • Camera RAW Basic Adjustments (13:59)
    • Camera RAW Editing Tabs (12:50)
    • Camera RAW Top Tools (11:30)
    • Saving Images from Camera RAW (8:20)
    • Exercise - Edit a Travel Photo (7:41)
    • A Note about XMP Files (1:21)
  • Photo Editing in Photoshop
    • Basic Image Adjustments (8:05)
    • Non-Destructive Photo Editing (3:22)
    • Crop and Straighten Images (2:29)
  • Selection Tools
    • The Selection Tools (6:10)
    • Refining the Edge (6:31)
    • Select by Color Range (4:16)
    • Remove Person from White Background (7:16)
  • Dodge, Burn, and Sponge
    • Intro to Selective Exposure and Saturation Adjustments (4:55)
    • Non-Destructive Dodge and Burn (4:16)
    • Exercise - Improve a Photo with Dodge and Burn (4:54)
  • Retouching Photos in Photoshop
    • The Clone Stamp Tool (5:28)
    • Healing Brushes (5:10)
    • Removing Objects from the Background (3:37)
    • Removing Wrinkles and Blemishes (5:00)
    • Fixing Red-Eye Photos (0:43)
    • Whitening Teeth (5:55)
  • Shapes in Photoshop
    • Quickly Create Shapes with Shape Tool (6:12)
    • Create Custom Shapes with Pen Tool (5:19)
    • Re-Design a Shape Logo (8:31)
  • Photoshop Blending Modes
    • What are Blending Modes? (3:19)
    • Lightening Blending Modes (2:31)
    • Darkening Blending Modes (2:41)
    • Contrast, Inversion, Cancelation and Component Blending Modes (5:55)
  • Adding Text in Photoshop
    • The Type Tool (4:20)
    • The Character and Paragraph Panel (5:44)
    • Warping Text (2:18)
    • Adding Styles - Drop Shadow, Bevel & Emboss, Strokes (8:36)
    • Design a YouTube Thumbnail in Photoshop (9:11)
  • Photoshop Filters
    • Adding and Adjusting Artistic Filters (5:30)
    • Changing Opacity and Blending Mode of Filters (1:41)
    • Create an Oil Painting Photo (5:08)
  • Create an Animated GIF
    • Start Your Project and Placing Video (5:06)
    • Adding Text to a GIF (2:31)
    • Saving Your GIF (4:42)
  • Saving Your Photoshop Project
    • Saving as a Photoshop File (2:30)
    • Saving for Print and Web (5:01)
  • Conclusion
    • Thank You Video (1:18)
  • Bonus Tutorials
    • How to Composite Images in Photoshop CC Tutorial (13:32)
    • How to Add Textures in Photoshop (4:06)

View Full Curriculum



Terms

  • Unredeemed licenses can be returned for store credit within 15 days of purchase. Once your license is redeemed, all sales are final.