Ultimate Web Developer Bundle

Ending In:
Add to Cart - $10
Add to Cart ($10)
$718.24
98% Off
wishlist
Courses
13
Lessons
302
Enrolled
996

What's Included

Product Details

Access
Lifetime
Content
2 hours
Lessons
30

Mastering Git

Use This Source Control Management Program to Streamline & Organize Your Development Process

By Packt Publishing | in Online Courses

A powerful source control management program, Git will allow you to track changes and revert to any previous versions of your code, helping you implement an efficient, effective workflow. With this course, you'll master everything from setting up your Git environment, to writing clean code using the Reset and Revert features, to ultimately understanding the entire Git workflow from start to finish.
  • Work in parallel on different parts of your project & manage diversions using branching in Git
  • Manage conflicts in your Git app using Merge, a developer’s “magic missile”
  • Easily eliminate errors w/ features such as Reset & Revert
  • Make your code linear and better control it using features like Rebase & Blame
  • Effortlessly control code changes using Patches
  • Integrate external software into your project without affecting your app, w/ the help of SubModules

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, intermediate, advanced, all levels

Compatibility

  • Internet required

Course Outline

  • Keeping Software Under Control
    • Understanding Version Control
  • Let's Git Started
    • Using Git with Nitrous
    • Verify Your Git Installation and Version (0:33)
    • Setting Up Globals
  • The Git Workflow Under a Microscope
    • A Typical Git Workflow
    • Setting the Stage
    • The Commit – an Intimate Look
    • The Git Directory
    • The Remote
    • Tracking Remotes
  • When Your Development Takes a Detour
    • Branching
    • Branching in Git
  • Communicating with Developers of the Future
    • History and How It'll Affect the Future
    • The Commit Messages
    • Merging in Git
    • How to Reset Your Changes
  • Changing the Way to Manage History
    • Altering History
    • Applying Rebase in Git
    • Using Blame
    • Using Diff
    • Bisecting in Git
    • Patching Up Git
    • Git SubModules
  • Git-ting More Efficient
    • Stash
    • Aliases
    • GUI Clients for Git
  • Leaving the Nest
    • When Troubles Arise
    • The Ultimate Reference: A Git repository
  • Final Thoughts
    • Final Thoughts
  • References and Resources
    • References and Resources

View Full Curriculum


Access
Lifetime
Content
3 hours
Lessons
42

Mastering CSS

Learn This Powerful Front-End Tool to Build Responsive Designs, Create Buttons & More

By Packt Publishing | in Online Courses

Build your knowledge of CSS, master one of the most valuable tools in modern web design, and take your development skills to the next level. You'll review important CSS foundations, dive into responsive design, and more, becoming adept at creating sleek, feature-rich apps in less time than it takes for you to say "Cascading Style Sheets" three times fast.
  • Dive into all things CSS w/ 4 hours & 44 minutes of content
  • Master CSS fundamentals: the box model, anatomy of a rule set, types of style sheets, etc.
  • Create page layouts w/ floats & eliminate issues using techniques like the clearfix hack
  • Build a main navigation menu, drop-down, buttons & other interactive page elements
  • Craft a responsive design using a fluid grid, flexible images, etc.
  • Implement web fonts to great effect using the @font-face property
  • Display the workflow for HiDPI (Retina) devices w/ 2x images, 1.5x images, JavaScript approaches, etc.
Rich Finelli is a husband and a father living in Piscataway, NJ, working as a front-end developer. He’s truly passionate and excited for all front-end technologies and enjoys learning about web design and development. He also teaches two courses on CSS at Mercer County Community in NJ, and writes about web design on his blog, richfinelli.com. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • CSS Foundations
    • The Course Overview
    • The Anatomy of a Rule Set and the Three Types of Style Sheets
    • The Box Model and Block versus Inline Elements
  • Ramping Up
    • Text Editors
    • CSS Reset
    • Chrome Dev Tools
    • Renaming Elements: Classes and IDs
    • Descendant Selectors
  • Creating a Page Layout with Floats
    • Floats Introduction – Flowing Text around Images
    • Creating a Multicolumn Layout
    • Solving the Problems of Floats
  • Creating Buttons with Modular, Reusable CSS Classes, and CSS3
    • Creating Buttons with Modular CSS
    • Multiple Classes
    • Specificity Rules
    • Transitions
    • Transforms
    • Styling a Call to Action Button
    • Gradients
  • Creating the Main Navigation and Drop
    • Starting the Navigation
    • Using Pseudo Classes
    • Absolute Positioning
    • Building the Drop-down
    • CSS Animations (Part 1)
    • CSS Animations (Part 2)
    • Finalizing the Navigation
  • Becoming Responsive
    • Fluid Grid
    • Flexible Images
    • Media Queries
    • Mobile Menu
    • Viewport Meta Tag
  • Web Fonts
    • The @font-face Property
    • Font Kits and Font Services
    • Google Web Fonts
    • Subscription Font Foundries
    • Icon Fonts
  • The Workflow of HiDPI Devices
    • 2x Images
    • The JavaScript Approach
    • 1.5x Images
    • Background Images
    • SVG
  • Wrapping Up
    • Next Steps
    • Conclusion and Links

View Full Curriculum


Access
Lifetime
Content
2 hours
Lessons
49

Responsive Web Design from Concept to Complete Site

Quickly & Easily Create Websites That Look Great on Any Device or Browser

By Packt Publishing | in Online Courses

When developing for today's web user, you have to consider devices of varying screen sizes: tablets, smartphones, and more. Here, you'll learn to craft responsive websites that provide an optimal viewing experience on them all. Utilize HTML5 and CSS3 to convert fix-width layouts, format layouts that adapt to different browser sizes, and more, and acquire the skills you need to quickly and efficiently create your own responsive website.
  • Build a responsive site from mockup to HTML & CSS implementation w/ over 2 hours of content
  • Understand the pros & cons of responsive web design compared to other techniques
  • Build a fluid layout starting from a digital mockup
  • Create breakpoints in a layout & write the code to modify your site layout at each breakpoint
  • Test & maintain your responsive code on different devices
  • Format headers, footers & column layouts that adapt to different browser sizes
  • Target specific viewports to present an optimized view of your site for a given device
Joshua Miller is a freelance web designer, college professor, and interactive artist living in eastern Pennsylvania. He has taught animation, web/graphic design, game design, and programming at various colleges, and currently holds a tenure-track position at Kutztown University. He also teaches part-time at Lehigh University, and runs a successful freelance design business on the side. His true interests lie in the intersection of design and programming, specifically the creation of digital interactive work. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

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: all levels

Compatibility

  • Internet required

Course Outline

  • Getting Started with Responsive Web Design
    • Exploring Responsive Web Design (RWD)
    • Understanding the Use of RWD (2:11)
    • Examples of Adaptive Layouts
    • Device Breakpoints (2:41)
    • Pros/Cons of RWD
    • Course Overview (1:15)
  • Building a Fluid Layout
    • Fluid Width Layouts
    • Working with Percent Width Layouts
    • Examples of Fluid Layouts
  • Media Queries
    • Media Queries (2:22)
    • Media Query Code
    • Testing a Simple Media Query (2:02)
    • Best Practices for Media Queries
    • Testing Media Queries on Actual Mobile Devices
  • Building Our First Responsive Page
    • Using RWD Demo Files
    • Using Sample Files
  • HTML5 Structure for Our Site
    • Overview of the HTML Structure for the Demo Site
    • CSS Resets and HTML5
    • HTML for Container, Header, and Navigation
    • HTML for a four Column Content Area
    • HTML for a two Column Footer
  • CSS for Our Site
    • Using Demo CSS for our Site
    • Writing the CSS for the Navigation Bar and Logo
    • Building the CSS for Navigation and its Elements
    • Tweaking the Navigation Using the Inspect Element
    • Formatting the Header
    • Styling the Columns
    • Formatting Headings and Images in the Columns
    • Formatting the Footer
    • Tweaks and Fixes to the Body Layout
  • Adding Media Queries to Our Fluid Layout
    • Planning for Media Queries
    • Tablet Media Query for the Body
    • Using Media Query for the Navigation Bar and Logo
    • Using Media Query for the Navigation Bar and Logo for Devices Smaller Than the Tablet
    • Using Media Query for Columns to Reorient Horizontally
    • More on Column Queries and Footer
    • Final Tweaks for Phone-Sized Devices
  • Advanced Features/Considerations for the Future
    • Advanced Features/Considerations
    • Dealing with Font Size EMs
    • Using Percent-Based Fonts and Dealing with Problems with EMs and Percent
    • Demo of EM and Percent-Based Font Sizes
    • Solution to Issues with REMs
    • Future Considerations: VM, VH, VMAX, and VMIN
    • Current Solutions to Text Size Issues and Responsive Background Images
    • Using Background Images, Adaptive Images, and Bandwidth
    • Responsive Grids
    • CSS Pre-processors

View Full Curriculum


Access
Lifetime
Content
2 hours
Lessons
21

jQuery UI Development

Build Effective, Engaging Interfaces Using Handy Plug-Ins for the jQuery Library

By Packt Publishing | in Online Courses

Why reinvent the wheel by building oft-used components and functionalities from scratch? Turn to jQuery UI, and benefit from this suite of official plug-ins for the jQuery library. Utilizing features such as the ThemeRoller app (which allows you to quickly skin components), you'll save hundreds of hours in development and benefit from a solid platform on which to build rich, engaging interfaces.
  • Master jQuery UI development w/ over 2 hours of content
  • Set up a custom jQuery UI library & make it more efficient to use
  • Understand how components work & how to quickly skin them
  • Use the ThemeRoller to quickly create custom themes
  • Understand how events work in jQuery UI
  • Utilize hands-on demonstrations w/ detailed explanations & code
  • Build drag-and-drop elements
  • Work w/ over 9 key components
Ben Fhala discovered his passion for data visualization 6 years ago, while he was working at Parsons' data visualization department in New York. He is the owner of the online video training school, 02geek.com, and is an an Adobe ACP to boot. He enjoys spending most of his time learning and teaching, and generally loves visual programming and visualization. Ben has had the honor of developing apps and interactive experiences for companies such as Target, and even heads of state around the world. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • Getting Started with jQuery UI
    • Getting Started with jQuery UI
    • An Overview of jQuery
    • An Overview of jQuery UI
    • Working with jQuery Locally or through a CDN
    • Choosing Our Delivery Options in jQuery UI
    • Creating Our First Page Using jQuery UI Widgets
    • What Tools Am I Using?
  • Working with the CSS Framework
    • All about CSS
    • Adding Our Second Widget
    • Switching Styles in jQuery UI
    • The Library Minification Functionality
    • Optimizing Your Project
    • Themes - Under the Hood
    • Creating Your Own Themes Using ThemeRoller
  • Working with Widgets
    • Setting up Expectations
    • Creating a Dialog Widget
    • Options, Methods, and Events
    • Working with Widget Options
    • Changing a Dialog's Title
    • Discovering the Widget's Methods
    • Adding Interactivity with Callbacks
  • Adding Interaction
    • Setting up Expectations
    • Integrating Events into Widgets
    • Updating the Site When a Widget is Dropped
    • Being More Efficient with Events
    • Digging into Event Properties: the ui Property
    • Exploring the Event Object
    • Cleaning up Our Project
  • More about Widgets
    • Setting up Expectations
    • jQuery UI Tooltip
    • jQuery UI Spinner
    • jQuery UI Menu
    • jQuery UI Slider
    • jQuery UI Accordion
    • jQuery UI Tabs
  • Course Recap
    • Overview

View Full Curriculum


Access
Lifetime
Content
1 hours
Lessons
15

Learning Git

Streamline, Organize & Energize Your Development Projects with This Popular Version Control System

By Packt Publishing | in Online Courses

Bump your development skills up a notch by mastering Git. This distributed version control system allows you to batch track the history of your file edits, and to identify when and where your code has changed. You'll learn how to initialize your first repository, manage your commit history, and more, gaining the tools you need to quickly and efficiently handle any development project.
  • Create a Git repository to start tracking versions of your projects
  • Contribute to different projects by making commits to Git repositories
  • Secure your repository with the help of SSH keys
  • Work with multiple people on a project using Branch and Merge commands
  • Link to the online remote copies of a repository & stay updated w/ the changes
  • Add tags to mark the deployed versions of the project
  • Resolve the bugs by tracing code changes to its origin
Packt’s mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals. Working towards that vision, it has published over 3,000 books and videos so far, providing IT professionals with the actionable knowledge they need to get the job done–whether that’s specific learning on an emerging technology or optimizing key skills in more established tools. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • Git – Quick Start
    • The Course Overview
    • Git Version Control
    • Choosing a Workflow
  • Building Your First Repository
    • Initialization
    • The First Commit
    • Managing the Remotes
    • Viewing the History
    • Pop Quiz
  • Working in a Team
    • Branching and Forking
    • Synchronizing
    • Issuing Pull Requests
  • Advanced Features
    • Interactive Rebasing
    • Tagging a Release
    • Tracing Code
    • Where to Go Next?

View Full Curriculum


Access
Lifetime
Content
2 hours
Lessons
24

Introducing AngularJS

Effectively Develop Single-Page Apps with This Modern JavaScript Framework

By Packt Publishing | in Online Courses

AngularJS is a Google-backed JavaScript framework that simplifies development of single-page apps. Add this modern framework to your repertoire, and you'll automate the coding of repetitive tasks such as rendering and event binding. This will free you to work on the actual logic of your code, equipping you to build rich, quality apps faster than ever--and without cutting any corners at that.
  • Delve into AngularJS w/ over 2 hours of content
  • Scaffold your app entirely w/ the Yeoman tool
  • Build a dynamic page & render lists of items in one line of code
  • Program Reactions on user-interactions such as clicks, selection change, blur & more
  • Easily validate data present in forms, from simple required fields to complex custom form validation
  • Efficiently handle routing between different pages of an app
  • Load data from external sources in the background using AJAX calls w/ Angular
  • Master the use of performing actions asynchronously by creating worker threads
Mathieu Chauvinc is a Managing Director at Red Ape Solutions and works on keeping the company at cutting edge of web technologies. He leads a tech team of 15 and collaborates with them in building complex single page applications and neat hybrid mobile apps. He has been involved in web technologies for over a decade, from Django to Go, SQL to NoSQL, and Mootools to Angular. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • Getting Started with an Angular Project
    • The Course Overview
    • "Angularizing" Your Existing Web Page
    • Bootstrapping an Angular Application
  • Controllers and Templates
    • Defining a Controller
    • Displaying Data Dynamically
    • Repeating Content for All Items in a List
    • Area of Influence of a Controller
  • User Interactions and Data Binding
    • Adding Interactions to the Template
    • Creating Corresponding Controller Logic
    • Reading Data from the Template
    • Conditionally Showing/Hiding Elements
  • App Routing
    • Route Declaration and the ng-view Directive
    • Creating New Routes
    • Routing with Parameter
    • Creating Links
  • Loading External Data
    • Making AJAX Calls via $http
    • Handling Responses via Success and Error Callbacks
    • Building GET and POST Requests
    • Making Cross-domain Requests Using JSONP
  • Introducing Services
    • Separating the Loading of Data from the Controller
    • Introducing the "factory" Type of Service
    • Injecting Your Own Services
    • Implementing Persistence

View Full Curriculum


Access
Lifetime
Content
3 hours
Lessons
27

Learning Grunt

Accelerate & Automate Web Development Workflows with This JavaScript Task Runner

By Packt Publishing | in Online Courses

Grunt, an industry-standard JavaScript task runner, is used by professional developers to automate the most repetitive parts of their workflow. It's loaded with a wealth of plugins to expedite your development process and reduce human error. You'll learn to build an entire workflow, progressing towards utilizing advanced configurations and even creating your own plug-ins by course's end.
  • Use the command line to lint & build source files, run unit tests, and preview your site in a web server
  • Utilize Node.js to create scalable & real-time applications
  • Configure Require.js to accelerate your code performance
  • Minimize your work time by adding multiple configurations for a single task
  • Test your code like a pro using Karma & Jasmine
  • Integrate Git into your Grunt workflow for powerful source control management
  • Identify common issues & problems in Grunt and learn important troubleshooting skills
Dan Wellman is an author and front-end engineer living on the South Coast of the UK and working in London. By day, he works for Skype and has a blast writing application-grade JavaScript. By night, he writes books and tutorials focused mainly on frontend web development. He is also a staff writer for the Tuts+ arm of the Envato network, and occasionally writes for .Net magazine. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • Introduction
    • The Course Overview
    • Setting Up a Development Area
    • Basic Configuration
  • Getting Started
    • Creating Tasks
    • Configuring Tasks
    • Working with Files
    • Templating
  • Basic Workflow Tasks
    • Running Static Analysis
    • Transcompiling CoffeeScript
    • Preprocessing with SASS
    • Minfying Code – Uglify and CSSMin
    • Running the Site in a Web Server
  • Advanced Workflow Tasks
    • Developing with RequireJS
    • Unit Testing with Jasmine and Karma
    • Creating Coverage Reports
  • Working with Git
    • Installing and Initialising Git
    • Adding New and Changed Files
    • Committing Changes
    • Rebasing on to Master
  • Building a Grunt Plugin
    • Grunt init and the Plugin Template
    • Creating the Plugin
    • Working with Configuration Options
    • Testing the Plugin
    • Integrating with the Plugin
  • Continuing Learning
    • Breaking Down the Gruntfile
    • Troubleshooting Common Problems
    • Additional Resources

View Full Curriculum


Access
Lifetime
Content
2 hours
Lessons
21

Introducing Grunt: The JavaScript Task Runner

Streamline Your Development Process with This Essential Tool

By Packt Publishing | in Online Courses

Web developers today are looking to create reusable workflows and development tools in JavaScript that will dramatically streamline development. In addition to being able to run custom commands easily, Grunt makes your web development experience very rewarding by reacting whenever a file is changed and performing the actions needed. This course will help in all aspects of development, from writing better code to deploying compact production packages.
  • Start with a simple Grunt file and move on to building a fully functional workflow and deployment system.
  • Deal w/ simple tasks like renaming, moving & combining files
  • Create concise & compact deployment packages
  • Create a basic file then build upon it to achieve various levels of automation
  • Use a range of plugins to achieve concatenation, image minification, responsive image creation
  • Compile many types of languages
  • Test your code using multiple testing frameworks such as JSLint, PhantomJS, and Beha
  • Get introduced to advanced uses of Grunt involving custom command-line commands
Daniel Linn has been into technology since 1992 when his father brought a modem home from his work at the cable companies for testing and he saw his first rollover image. His career has spanned all aspects of the software development life cycle, and over that time he's fulfilled many different roles including Designer, Developer, Project Manager, Database Admin, and Front End Architect, with some Dev Ops thrown in from time to time. He is currently the Director of Development at Metal Toad, a Portland-based technology consulting firm specializing in mobile, desktop, and web applications and solutions. For more details on this course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • Getting Started with Grunt
    • The Course Overview
    • What Is Grunt?
    • Installing Plug-ins
  • Running Grunt
    • Ways to Run Grunt
    • Grunt Use Cases
    • Initializing a Project
  • Code Compiling
    • Using Grunt Connect
    • Compiling SASS with CSS
    • Using Targets
  • File Manipulation
    • File Moving and Renaming
    • CSS/JS Concatenation
    • Image Minification
  • Testing
    • Syntax Testing with JSLint
    • Unit Testing with QUnit
    • Behavior Testing with Behat
  • Deployment
    • Creating a Deployment Package
    • Git Integration
    • Moving Files to Production (2:36)
  • Running Custom Commands
    • Run a Basic CLI Command
    • Using Prompts
    • Creating Plug-ins

View Full Curriculum


Access
Lifetime
Content
2 hours
Lessons
15

Rapid Gulp

Get the Tools to Efficiently Build Gorgeous, High-Performing Apps

By Packt Publishing | in Online Courses

Modern web development is filled with an abundance of tools and technologies, but it's difficult to know where to begin. You want to both work efficiently and build high performance sites--Gulp delivers both. With its rising popularity, you don't want to leave Gulp out of your toolbox. This course will teach you to use the tools needed to create better websites through clear examples and step-by-step instructions.
  • Learn to set up Gulp & write basic tasks
  • Study common use cases to create a plugin from scratch
  • Get hands-on experience w/ practical examples
  • Optimize files & automate the process of testing code
  • Gain a deeper understanding by looking at how streams work & how to define custom plugins
  • Learn to create your own apps & test them
Matthew Brandly is an experienced web developer with over a year of experience using Gulp on a variety of projects. He's helped build sites for a number of start-ups and has contributed to open source projects on GitHub. If he's not at his keyboard, you'll find him making music on his guitar or playing pickup basketball. For more details on this course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • Getting Started with Gulp
    • Course Overview
    • Setting Up Gulp
    • Writing Your First Task
    • Task Dependencies
    • Watching Files with Gulp
  • Running Common Tasks
    • Optimizing CSS, JavaScript, and Images
    • Outputting Minified and Unminified Files
    • Using htmlbuild
    • Testing the Code
    • Using Preprocessors such as CoffeeScript and LESS
    • Using LiveReload
  • Digging Deeper
    • An Overview of Streams
    • Handling Errors
    • Writing a Plugin
    • Wrapping Up

View Full Curriculum


Access
Lifetime
Content
3 hours
Lessons
20

Rapid LESS

Write Less Code & Design a Professional Website Using the LESS CSS Preprocessor

By Packt Publishing | in Online Courses

This course will take you through all the essential tools to begin writing better CSS with LESS. You'll start with the basics, as the course highlights all of the key features in easy-to-follow, step-by-step chunks, ending with some existing scenarios. You'll not only learn how to write smart code, but you'll learn why LESS is a beneficial addition to your existing workflow.
  • Learn about additional publications to further your education
  • Study variables
  • Learn LESS' way of storing repetitive data such as color values, font sizes & more using customized names
  • Study mixins, a CSS type function in LESS that
  • Learn how to write shorter, cleaner CSS
  • Get to know various functions & operations available within LESS
  • Simplify your CSS & perform impressive actions
Reme Le Hane is a front-end web developer with many years of experience. His expertise primarily includes HTML, CSS, LESS, and jQuery. He also has experience with JavaScript, AngularJS, BackgoneJS, and NodeJS. Some of his other experience also includes Facebook application development, SEO and CMSs such as Joomla! and WordPress. Since March 2014, he has been employed at TAG Worldwide as a frontend Web Developer. TAG is a global brands service agency that is based in Century City. Primary responsibilities include developing and maintaining clients’ access portals, as well as developing new functionality and features as per clients’specifications. For more details on this course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • Introduction
    • What Is LESS?
    • Working with LESS
    • Course File Structure (1:15)
  • LESS Variables
    • Variable Syntax
    • Working with Variables
    • Strings as Variables
  • LESS Mixins
    • What Is a Mixin?
    • Working with Mixins
    • Parametric Mixins
  • Nesting with LESS
    • What Do You Mean by Nesting?
    • Writing a LESS Nested Rule
    • Nondescendants and Nesting
    • Advanced CSS and Pseudo-elements in LESS
  • LESS Functions and Operations
    • Math Operations
    • Color Operations
    • Color Functions
    • Math Functions
  • Wrapping Up LESS
    • LESS for Performance
    • LESS Frameworks and Templates
    • LESS Resources and Additional Information

View Full Curriculum


Access
Lifetime
Content
2 hours
Lessons
9

Rapid SASS

Give Your CSS Special Powers with SASS!

By Packt Publishing | in Online Courses

This course will not only help you become a better front-end developer, but make your life easier with its explanation of this powerful tool. You'll begin with a bang, getting your first SASS files up and running within the first 10 minutes. You'll then then move on to understanding and implementing more advanced SASS concepts.
  • Learn how to include variables & nesting
  • Make your life easier w/ simpler code
  • Gain insight into the Bourbon library for cross-browser compatibility
  • Review the website
  • Enhance your CSS workflow
Brock Nunn is a front-end web developer from Tulsa, Oklahoma. Over the past six years, Brock has taken part in web projects big and small. Self taught, Brock has a passion for teaching others with a simple and personal approach. Brock married his wife in June of 2009. When he is not neck deep in code, Brock enjoys making great food for his family, including his puppy Sugar. For more details on this course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • Project Overview
    • The Setup
  • Up and Running with SASS
    • Working with SASS
  • CSS Like You've Never Seen Before
    • SASS Variables
    • Nesting with SASS
    • Leverage Mixins Using Bourbon and Neat
    • Site Layout
    • Styling Products
    • Sidebars and SASS Color Functions
    • Footer and Finishing SASS
  • Review and Publish
    • Finale and Review

View Full Curriculum


Access
Lifetime
Lessons
16

Mastering JavaScript

Explore & Master Modern JavaScript Techniques to Build Large-Scale Web Apps

By Packt Publishing | in Online Courses

JavaScript is the browser language that supports object-oriented, imperative, and functional programming styles, focusing on website behavior. JavaScript provides web developers with the knowledge to program more intelligently and idiomatically—and this course will help you explore the best practices for building an original, functional, and useful cross-platform library. At courses' end, you'll be equipped with all the knowledge, tips, and hacks you need to stand out in the advanced world of web development.
  • Get a foundational knowledge of OOP coding
  • Explore naming convention best practices for primitive variables, constructors, methods & properties
  • Learn about creating global namespace & pure JavaScript onload script
  • Walk through cross-browser compatibility
  • Learn how the onload & DOMContentLoaded events are triggered
  • Use querySelectorAll method & dynamically load scripts using a script loader
  • Build up the instructor's library by integrating code, methods & logic
Ben Fhala discovered his passion for data visualization six years ago while he was working at Parsons, New York in their data visualization department, PIIM. He is the owner of the online video training school, 02geekcom, and an Adobe ACP. He enjoys spending most of his time learning and teaching, and has a love for visual programming and visualization in general. Ben has had the honor of developing applications for members of the US Congress, Prime Ministers, and Presidents around the world. For more details on this course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • Idiomatic JavaScript
    • The Course Overview
    • Using White Space for Readability
    • Declaring Variables
    • Declaring Complex Data Types and Functions
    • OOP Naming Conventions
    • Creating a Global Namespace
    • Constants (and Pseudo constants)
    • Smart Coercion of Data Fields
  • Cross-browser Development
    • Targeting at JavaScript Versions or Features
    • Creating an onload Method That Always Works
    • OnReady – Our First Cross-browser Script
    • Using Modernizr to Detect Features
  • Cross-browser DOM Manipulation
    • Building a Conditional Logic Flow
    • Selecting DOM Elements Natively in HTML5
    • Creating a Cross-browser Script Loader
    • Using Sizzle to Select DOM Elements
  • Creating a JavaScript Library
    • Defining a Namespace
    • Creating Private Variables in JavaScript
    • The JavaScript Module Design Pattern
    • Version Controlling Our Library
    • Building Out Our Library
  • Expanding Out with Design Patterns
    • Thinking with Interfaces
    • Creating an Adapter Design Pattern
    • Building a jQuery Adapter
    • Adding a Functionality Method
    • Mimicking the jQuery Wrapper
  • Exploring the Facade Design Pattern
    • Introducing the Facade Design Pattern
    • Creating a Facade Creator
    • Creating a New Global Function Through the Facade
    • Creating an Advanced Facade Pattern
  • Working with Time in JavaScript
    • Creating a Singleton
    • Building the Constructor for Our Ticker
    • Connecting Time with Our Ticker
    • Processing Interval groups
    • Exposing Our Ticker to the World
  • Dispatching Events in JavaScript
    • Creating an Event Dispatcher
    • Integrating the Event Dispatcher into Our Library
    • Removing Events from the Dispatcher
    • Building Test Units

View Full Curriculum


Access
Lifetime
Content
1 hours
Lessons
13

Rapid UnderscoreJS

Harness the Power of the Extensive Range of UnderscoreJS Functionalities

By Packt Publishing | in Online Courses

UnderscoreJS is a library of utility functions for JavaScript that helps to simplify JavaScript code. It can be used with any other library or framework, and works great as an addition to jQuery, AngularJS, BackboneJS, or any other framework you might be using. Rapid UnderscoreJS is a quick introduction to making the most of the UnderscoreJS library. Using a practical example project, it shows you not just how but why you would want to use UnderscoreJS's methods.
  • Learn what the UnderscoreJS library is & why you would want to use it
  • Discover how to incorporate UnderscoreJS into an existing browser or NodeJS-based project
  • Dive deeper into UnderscoreJS concepts to deal with arrays & objects
  • Learn to filter, group & sort
  • Explore JavaScript's “this” context to manage binding
  • See how new functions can easily be made by partially applying the existing functions
  • Use debounce, throttle, once & after
Thomas Parslow is a Brighton-based freelance developer specializing in JavaScript and Python. He has been writing software for over almost two decades, and has worked in both the IT industry and academia. Thomas is a co-organizer of the successful learn-to-code workshop Coding For Humans and regularly speaks at technical events. For more details on this course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Details & Requirements

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

Compatibility

  • Internet required

Course Outline

  • Introduction to Underscore
    • What Is UnderscoreJS?
    • Using UnderscoreJS on Your Page
  • Processing Arrays
    • Iteration and Mapping
    • Finding and Filtering
    • Sorting and Grouping
  • Dealing with Objects
    • Objects and Iteration
    • Combining Objects and Plucking Keys
  • Functions
    • Binding Functions
    • Debouncing Functions
    • The "after" Method
  • Wrapping Up
    • Templating with Underscore
    • Chaining
    • Beyond Underscore

View Full Curriculum



Terms

  • All sales final
  • Instant digital redemption