Become a Web Developer
Posted by Superadmin on January 19 2019 06:40:52

Become a Web Developer

Kick-start your career building powerful and attractive apps and sites. This learning path will provide you with the foundational skills you need to begin mastering the core technologies to become a web developer, from HTML and CSS to JavaScript and much more!
Create pages, sites, and applications people will want to find and explore.
Build interfaces users will enjoy.
Support interaction with users and the network by adding logic.

 

 

01

HTML Essential Training with James Williamson

5h 54m • COURSE
HTML is the programming language that powers the web. And like any language, once you master it, you can begin to create your own content, whether that's simple websites or complex web applications. This course provides an in-depth look at the essentials: the syntax of HTML and best practices for writing and editing your code. Senior staff author James Williamson reviews the structure of a typical HTML document, and shows how to section pages and format your content with HTML. Plus, learn how to create links and lists, and find out how HTML works with CSS and JavaScript to create rich, engaging user experiences. So open a text editor, watch these videos, and begin learning to author HTML the right way.
Topics include:
  • Why is HTML important?
  • Exploring an HTML document
  • Formatting content
  • Displaying images
  • Using nav, article, and div elements
  • Linking to pages and downloadable content
  • Creating lists
  • Controlling styling (fonts, colors, and more)
  • Writing basic scripts
02

Introduction to CSS with Carrie Dils

1h 58m • COURSE
Once you have learned the basics of HTML, its time to start exploring Cascading Style Sheets (CSS), the language that makes HTML look great in the browser. This course gives you a tour of the possibilities, showing what CSS is capable of doing and the basics you need to make it work for you. Join Carrie Dils as she explains what CSS is and how it works with HTML, discusses authoring options, and covers common CSS concepts such as the CSS box model and how to work with fonts and color. Plus, she demonstrates how to structure a page with CSS, maintain CSS with version control, work with media queries, and more.
Topics include:
  • What is CSS?
  • Understanding how CSS works with HTML
  • Applying fonts
  • Understanding the classic box model
  • Setting margins and padding
  • Positioning elements
  • Basic CSS layout concepts
  • Media types and media queries
  • Working with CSS frameworks and CSS grids
  • Creating responsive layouts
  • Tools that help you write and maintain CSS
03

CSS Essential Training 1 with Christina Truong

2h 36m • COURSE
CSS is a stylesheet language that allows you to control the appearance of your webpages. In this hands-on course—the first installment in an ongoing series—Christina Truong demonstrates the concepts that form the foundation of CSS, and explains how to use this language to add colors and other design elements to take your webpages beyond just black text on a white background. Christina covers selecting content, how the box model defines the spacing and sizing of page elements, styling text, and managing basic layouts. She also explores the tools needed to work with CSS, how to use selectors to target elements, and guidelines for page layouts with floats. Plus, at the end of the course, you'll walk away with an actual project—an online résumé page.
Topics include:
  • Creating a CSS file
  • Writing basic selectors
  • Setting properties
  • Using different typefaces and web-safe fonts
  • Understanding cascading and inheritance
  • Setting a font family, font size, text color, and more
  • Understanding the box model
  • Using the float property
04

CSS Essential Training 2 with Christina Truong

2h 21m • COURSE
Once you're familiar with the basics of CSS, you're ready to expand your skillset and tackle more challenging concepts. In this course—the second installment in a series—bolster your existing CSS knowledge, and learn advanced concepts that can help you write more efficient code. Join Christina Truong as she explains how to work with a variety of advanced selectors, when to use the float, display, and position properties, and how to get started with the CSS browser developer tools and leverage them when debugging your front-end code. She also explains how to take a mobile-first approach to responsive web design. Plus, this course provides you with an opportunity to add more features to the online résumé project you started in CSS Essential Training 1.
Topics include:
  • Reviewing CSS syntax
  • Reviewing simple selectors and attribute selectors
  • Using pseudo-class selectors and pseudo-element selectors
  • Reviewing the CSS box model
  • Adding a menu to your project
  • Using float, display, and position
  • Debugging CSS
  • Resetting stylesheets
  • Working with background images
  • Exploring a mobile-first approach for responsive web design
  • Creating flexible and fluid layouts
05

CSS Essential Training 3 with Christina Truong

1h 30m • COURSE
Now that you know the basics of CSS, you can relax a bit. In this course—the third installment in a series—get acquainted with some advanced CSS concepts that can help you enhance your websites even further. Christina Truong covers new CSS layout options that can make your life simpler, including how to use grids and how to use a flexbox of flex containers and flex items. She explains how Retina displays changed how images and graphics are displayed—and in turn, altered how developers build websites. In addition, she shows how to add animation and transitions, and make your site accessible to as many people as possible.
Topics include:
  • Designing with a grid
  • Working with a flexbox
  • Retina and high-density displays
  • Raster and vector graphics
  • Retina and images
  • Animation and shapes
  • CSS3 keyframes and animation
  • CSS shapes
  • CSS shape functions
  • Responsive typography
  • Fluid typography
  • Accessibility and ARIA
  • Style guides for CSS
06

Programming Foundations: Fundamentals with Simon Allardice

4h 47m • COURSE
This course provides the core knowledge to begin programming in any language. Simon Allardice uses JavaScript to explore the core syntax of a programming language, and shows how to write and execute your first application and understand what's going on under the hood. The course covers creating small programs to explore conditions, loops, variables, and expressions; working with different kinds of data and seeing how they affect memory; writing modular code; and how to debug, all using different approaches to constructing software applications.

Finally, the course compares how code is written in several different languages, the libraries and frameworks that have grown around them, and the reasons to choose each one.
Topics include:
  • Writing source code
  • Understanding compiled and interpreted languages
  • Requesting input
  • Working with numbers, characters, strings, and operators
  • Writing conditional code
  • Making the code modular
  • Writing loops
  • Finding patterns in strings
  • Working with arrays and collections
  • Adopting a programming style
  • Reading and writing to various locations
  • Debugging
  • Managing memory usage
  • Learning about other languages
07

JavaScript Essential Training with Morten Rand-Hendriksen

5h 15m • COURSE
JavaScript is a scripting language of the web. As the web evolves from a static to a dynamic environment, technology focus is shifting from static markup and styling—frequently handled by content management systems or automated scripts—to dynamic interfaces and advanced interaction. Once seen as optional, JavaScript is now becoming an integral part of the web, infusing every layer with its script.
Through practical examples and mini-projects, this course helps you build your understanding of JavaScript piece by piece, from core principles like variables, data types, conditionals, and functions through advanced topics including loops, closures, and DOM scripting. Along the way, you will also be introduced to some ES6 and the basics of JavaScript libraries.
Topics include:
  • What is JavaScript?
  • Working with data
  • Using functions and objects
  • Working with JavaScript and the DOM
  • Changing DOM elements
  • Handling events
  • Working with loops
  • Making images responsive using markup
  • Troubleshooting code
  • Validating functionality
  • Minifying JavaScript
08

Web Development Foundations: Full-Stack vs Front-End with Ray Villalobos

40m 1s • COURSE
Do you want to become a web developer? Nowadays, web development isn't one job. There is a range of technologies and career options to explore. The core responsibilities are split two ways—between front-end developers who specialize in websites and applications and back-end developers who work with servers and databases—but you can also become a full-stack developer who oversees all aspects of a project. This course provides an overview of the different jobs available in web development, the tools and frameworks to focus on, and the skills each job entails. Senior staff author Ray Villalobos also provides tips on finding training, getting hired, and maximizing your earning potential in this lucrative and exciting field.
Topics include:
  • Types of web developers
  • The role of HTML, CSS, and JavaScript
  • Using functions and objects
  • Servers and databases
  • Getting web development training
  • Choosing the right tools
  • Getting a job
09

Git Essential Training with Kevin Skoglund

6h 25m • COURSE
The course shows how to use Git, the popular open-source version control software, to manage changes to source code and text files. Using a step-by-step approach, author Kevin Skoglund presents the commands that enable efficient code management and reveals the fundamental concepts behind version control systems and the Git architecture. Discover how to track changes to files in a repository, review previous edits, and compare versions of a file; create branches to test new ideas without altering the main project; and merge those changes into the project if they work out. The course begins by demonstrating version control in a single-user, standalone context, before exploring how remote repositories allow users to collaborate on projects effectively.
Topics include:
  • Exploring the history of version control
  • Installing Git on Mac, Windows, and Linux
  • Initializing a repository
  • Writing useful commit messages
  • Understanding the Git three-tree architecture
  • Tracking when files are added, edited, deleted, or moved
  • Viewing change sets and comparing versions
  • Undoing changes and rolling back to previous versions
  • Ignoring changes to select files
  • Creating and working with code branches
  • Merging branches and resolving merge conflicts
  • Stashing changes for later
  • Working with hosted repositories and remote branches
  • Developing an effective collaboration workflow
10

Workflow Tools for Web Developers with Christina Truong

1h 13m • COURSE
Web developers don't have to do everything by hand. There are many tools and frameworks that can make your workflow more productive and efficient—helping you code faster and cleaner than before. Christina Truong introduces browser tools for analyzing and testing your code; text editors that help you write it; and shortcuts and tools for automating repetitive web dev tasks. Plus, learn how version control systems like Git actually help save you time, in addition to saving you from mistakes. Get an overview of the pros and cons of each tool as well as examples, tips, and guidance for evaluating which ones will work best for you.
Topics include:
  • Using browser development tools
  • Inspecting HTML, CSS, and JavaScript
  • Testing mobile layouts
  • Coding in text editors and IDEs
  • Using front-end frameworks and CSS preprocessors
  • Working with the command line
  • Using version control (such as Git)
11

Working Remotely (2015) with Todd Dewett

32m 7s • COURSE
Learn how to work remotely and remain connected to your organization. Coach Todd Dewett reveals how you can create a productive work environment at home by structuring your day correctly, dedicating a space to work, and avoiding distractions. Once your workspace is established, he shares best practices for staying in touch with your colocated team. Last, he addresses the most common challenges encountered by remote workers: feeling isolated, navigating office politics from afar, and communicating virtually.
12

Time Management: Working from Home with Dave Crenshaw

1h 25m • COURSE
Working from home is a wonderful opportunity, but time management can be a challenge. With so many demands on your time and attention, it's a tricky balancing act to stay productive. In this course, bestselling author and productivity expert Dave Crenshaw offers best practices for anyone who works full-time or occasionally from home. Dave begins by showing how to set up a dedicated workspace for maximum productivity, including tips on setting up your computer to ensure you stay focused. Then Dave walks through how to craft your daily schedule for peak productivity and plan meaningful breaks to avoid burnout. He explains how to collaborate with remote coworkers, including how to use virtual meetings productively. Finally, Dave offers advice for working parents and other caregivers who might be balancing professional and personal responsibilities in the home.
Topics include:
  • Create a productive environment by limiting distractions.
  • Evaluate and choose the best technology to increase your productivity.
  • Differentiate between constant effort and a healthy working rhythm.
  • Define expectations around communication while remaining responsive.
  • Identify the benefits of relationship building.
  • Learn how to manage interruptions and emergencies at home.

HTML Essential Training with James Williamson

5h 54m • COURSE
HTML is the programming language that powers the web. And like any language, once you master it, you can begin to create your own content, whether that's simple websites or complex web applications. This course provides an in-depth look at the essentials: the syntax of HTML and best practices for writing and editing your code. Senior staff author James Williamson reviews the structure of a typical HTML document, and shows how to section pages and format your content with HTML. Plus, learn how to create links and lists, and find out how HTML works with CSS and JavaScript to create rich, engaging user experiences. So open a text editor, watch these videos, and begin learning to author HTML the right way.
Topics include:
  • Why is HTML important?
  • Exploring an HTML document
  • Formatting content
  • Displaying images
  • Using nav, article, and div elements
  • Linking to pages and downloadable content
  • Creating lists
  • Controlling styling (fonts, colors, and more)
  • Writing basic scripts

00. Introduction
00_01-Welcome
00_02-exercise
00_03-challenges



01. Introducing HTML
01_01-Importance
01_02-syntax
01_03-state
01_04-reference
01_05-editor



02. Basic Page Structure
02_01-explore
02_02-doctype
02_03-head
02_04-body
02_05-models



03. Formatting Page Content
03_01-format
03_02-headings
03_03-paragraphs
03_04-breaks
03_05-emphasizing
03_06-special
03_07-white
03_08-images
03_09-challenge
03_10-solution



04. Structuring Content
04_01-Structure
04_02-outlines
04_03-nav
04_04-article
04_05-section
04_06-aside
04_07-div
04_08-semantic
04_09-aria
04_10-challenge
04_11-solution



05. Creating Links
05_01-Anchor
05_02-linking
05_03-external
05_04-download
05_05-fragment
05_06-challenge
05_07-solution



06. Creating Lists
06_01-unordered
06_02-ordered
06_03-description
06_04-challenge
06_05-solution
06_06-conclution



07. Controlling Styling
07_01-css
07_02-inline
07_03-style
07_04-typography
07_05-color
07_06-external
07_07-challenge
07_08-solution



08. Basic Scripting
08_01-javascript
08_02-script
08_03-function
08_04-dom
08_05-listen
08_06-respond
08_07-external



09. Conclusion
09_01-next



Introduction to CSS with Carrie Dils

1h 58m • COURSE
Once you have learned the basics of HTML, its time to start exploring Cascading Style Sheets (CSS), the language that makes HTML look great in the browser. This course gives you a tour of the possibilities, showing what CSS is capable of doing and the basics you need to make it work for you. Join Carrie Dils as she explains what CSS is and how it works with HTML, discusses authoring options, and covers common CSS concepts such as the CSS box model and how to work with fonts and color. Plus, she demonstrates how to structure a page with CSS, maintain CSS with version control, work with media queries, and more.
Topics include:
  • What is CSS?
  • Understanding how CSS works with HTML
  • Applying fonts
  • Understanding the classic box model
  • Setting margins and padding
  • Positioning elements
  • Basic CSS layout concepts
  • Media types and media queries
  • Working with CSS frameworks and CSS grids
  • Creating responsive layouts
  • Tools that help you write and maintain CSS

01.Introduction
0101.Welcome
0102.What you should know
0103.Exercise files



02.CSS Basics
0201.What is CSS
0202.Default browser styles
0203.CSS syntax
0204.Basic selector types
0205.How CSS works with HTML
0206.CSS authoring options
0207.How browsers apply styles
0208.Challenge
0209.Solution



03.CSS Specifications
0301.CSS then and now
0302.Available CSS resources
0303.Checking browser support



04.Common CSS Concepts
0401.CSS normalization and resets
0402.Working with fonts
0403.Understanding the box model
0404.Margins and padding
0405.Borders and backgrounds
0406.Working with color
0407.Units of measurement
0408.Vendor prefixes
0409.Challenge
0410.Solution



05.CSS Layouts
0501.Structuring a page with CSS
0502.Element positioning
0503.Floats
0504.Flexbox
0505.CSS Grid Layout module



06.Working with CSS
0601.Organizing CSS
0602.Maintaining CSS with version control
0603.Using browser inspection tools
0604.Validating CSS



07.Responsive CSS
0701.Introduction to responsive web design
0702.Working with media queries
0703.What is mobile-first



08.Going Further with CSS
0801.CSS frameworks and grids
0802.CSS preprocessors
0803.Additional resources



09. Conclusion
09_01-next



div class="meta-duration">

CSS Essential Training 1 with Christina Truong

 

2h 36m • COURSE
CSS is a stylesheet language that allows you to control the appearance of your webpages. In this hands-on course—the first installment in an ongoing series—Christina Truong demonstrates the concepts that form the foundation of CSS, and explains how to use this language to add colors and other design elements to take your webpages beyond just black text on a white background. Christina covers selecting content, how the box model defines the spacing and sizing of page elements, styling text, and managing basic layouts. She also explores the tools needed to work with CSS, how to use selectors to target elements, and guidelines for page layouts with floats. Plus, at the end of the course, you'll walk away with an actual project—an online résumé page.
Topics include: 

 • Creating a CSS file
• Writing basic selectors
• Setting properties
• Using different typefaces and web-safe fonts
• Understanding cascading and inheritance
• Setting a font family, font size, text color, and more
• Understanding the box model
• Using the float property

01. Introduction
01_01-Welcome
01_02-What you should know
01_03-Using the exercise files



02. Getting Started
02_01-HTML overview/review
02_02-Default browser styles
02_03-Browser support and inconsistencies
02_04-Text editors
02_05-Project overview and setup exercise
02_06-Inline, internal, and external CSS
02_07-Create a CSS file
02_08-Naming conventions



03. CSS Core
03_01-Syntax, terminology, and naming conventions
03_02-Type, class, and id selectors
03_03-Practicing with simple selectors
03_04-Pseudo-class selectors
03_05-Selectors Best Practices
03_06-CSS Comments
03_07-RGB Hex and keyword color values
03_04-Cascading inheritance and specifity
03_05-Cascading inheritance and specificity



04. Typography
04_01-Web-safe fonts and the font-family property
04_02-Web fonts and Google fonts
04_03-The font-size property
04_04-Practicing with web fonts and font-size
04_05-The font-style and font-weight properties
04_06-The color, line-height, and text properties
04_07-Adjusting the font-weight property



05. Layouts
05_01-Block vs. inline display
05_02-The box model
05_03-Margin and page layouts
05_04-Practicing layouts
05_05-Practicing with padding and spacing
05_06-Floats
05_07-Practicing with floats
05_08-The box model fix
05_09-Practicing with columns
06_01-Next Steps



CSS Essential Training 2 with Christina Truong

2h 21m • COURSE
Once you're familiar with the basics of CSS, you're ready to expand your skillset and tackle more challenging concepts. In this course—the second installment in a series—bolster your existing CSS knowledge, and learn advanced concepts that can help you write more efficient code. Join Christina Truong as she explains how to work with a variety of advanced selectors, when to use the float, display, and position properties, and how to get started with the CSS browser developer tools and leverage them when debugging your front-end code. She also explains how to take a mobile-first approach to responsive web design. Plus, this course provides you with an opportunity to add more features to the online résumé project you started in CSS Essential Training 1.
Topics include:
  • Reviewing CSS syntax
  • Reviewing simple selectors and attribute selectors
  • Using pseudo-class selectors and pseudo-element selectors
  • Reviewing the CSS box model
  • Adding a menu to your project
  • Using float, display, and position
  • Debugging CSS
  • Resetting stylesheets
  • Working with background images
  • Exploring a mobile-first approach for responsive web design
  • Creating flexible and fluid layouts

01.Introduction
0101.Welcome
0102.What you should know
0103.Using the Exercise files



02.CSS Selectors
04 - CSS syntax review
05 - Basic and attribute selectors
06 - Combinator selectors
07 - Pseudo-class selectors
08 - Pseudo-element selectors
09 - Practicing with advanced selectors



03.Layouts
10 - Box model review
11 - Float and display review
12 - Horizontal navs with the display property
13 - Horizontal navs with the float property
14 - Practicing with the nav element
15 - Positioning
16 - Practicing with fixed navigation
17 - Practicing with positioning elements
18 - Float, display, and position
19 - Layers and the z-index property



04.Tips and tools
20 - Browser development tools
21 - Debugging CSS
22 - Resetting stylesheets
23 - Icon fonts
24 - The background property
25 - Background shorthand syntax
26 - Alpha transparency and gradients
27 - Practicing with backgrounds and gradients



05.Responsive and Mobile
28 - Introduction to responsive design
29 - Mobile friendly and mobile first
30 - Creating flexible and fluid layouts
31 - Introducing media queries
32 - Using media queries
33 - Testing responsive layouts
34 - Device emulation
35 - Revisiting your CSS



06. Conclusion
36 - Next steps



CSS Essential Training 3 with Christina Truong

1h 30m • COURSE
Now that you know the basics of CSS, you can relax a bit. In this course—the third installment in a series—get acquainted with some advanced CSS concepts that can help you enhance your websites even further. Christina Truong covers new CSS layout options that can make your life simpler, including how to use grids and how to use a flexbox of flex containers and flex items. She explains how Retina displays changed how images and graphics are displayed—and in turn, altered how developers build websites. In addition, she shows how to add animation and transitions, and make your site accessible to as many people as possible.
Topics include:
  • Designing with a grid
  • Working with a flexbox
  • Retina and high-density displays
  • Raster and vector graphics
  • Retina and images
  • Animation and shapes
  • CSS3 keyframes and animation
  • CSS shapes
  • CSS shape functions
  • Responsive typography
  • Fluid typography
  • Accessibility and ARIA
  • Style guides for CSS

01.Introduction
001 Welcome
002 What you should know
003 Using the exercise files



02.Layout
004 Review CSS layout
005 Design with a grid
006 Intro to CSS Grid
007 CSS Grid example
008 Intro to flexbox



03.Retina Displays and Images
009 Retina and high-density displays
010 Raster and vector graphics
011 Intro to SVG
012 SVG exercise
013 Retina and images
014 Retina and background images



04.Animation and Shapes
015 CSS3 transition property
016 CSS3 keyframes and animation
017 CSS shapes
018 CSS shape functions



05.Tools and Tips
019 Responsive typography
020 Fluid typography
021 Advanced attribute selectors
022 Accessibility
023 Accessibility and ARIA
024 CSS style guides
025 Refactor



06. Conclusion
026 Next steps



Programming Foundations: Fundamentals with Simon Allardice

4h 47m • COURSE
This course provides the core knowledge to begin programming in any language. Simon Allardice uses JavaScript to explore the core syntax of a programming language, and shows how to write and execute your first application and understand what's going on under the hood. The course covers creating small programs to explore conditions, loops, variables, and expressions; working with different kinds of data and seeing how they affect memory; writing modular code; and how to debug, all using different approaches to constructing software applications.

Finally, the course compares how code is written in several different languages, the libraries and frameworks that have grown around them, and the reasons to choose each one.
Topics include:
  • Writing source code
  • Understanding compiled and interpreted languages
  • Requesting input
  • Working with numbers, characters, strings, and operators
  • Writing conditional code
  • Making the code modular
  • Writing loops
  • Finding patterns in strings
  • Working with arrays and collections
  • Adopting a programming style
  • Reading and writing to various locations
  • Debugging
  • Managing memory usage
  • Learning about other languages

01.Introduction
0001 Welcome
0002 Making the most of this course
0003 Using the exercise files



01 Programming Basics
0101 What is programming
0102 What is a programming language
0103 Writing source code
0104 Compiled and interpreted languages



02 Core Programming Syntax
0201 Why JavaScript
0202 Creating your first program in JavaScript
0203 Requesting input



04 Writing Conditional Code
0401 Building with the if statement
0402 Working with complex conditions
0403 Setting comparison operators
0404 Using the switch statement



05 Modular Code
0501 Breaking your code apart
0502 Creating and calling functions
0503 Setting parameters and arguments
0504 Understanding variable scope
0501 Breaking your code apart



06 Iteration Writing Loops
0601 Introduction to iteration
0602 Writing a while statement
0603 Creating a for loop



07 More About Strings
0701 Cleaning up with string concatenation
0702 Finding patterns in strings
0703 Introduction to regular expressions



08 Collections
0801 Working with arrays
0802 Array behavior
0803 Iterating through collections
0804 Collections in other languages



09 Programming Style
0901 Programming style
0902 Writing pseudocode
0903 Reviewing object-oriented languages



10 Input and Output
1001 Input Output and persistence.
1002 Reading and writing from the DOM
1003 Event driven programming
1004 Introduction to file IO



11 When Things Go Wrong
1101 Introduction to debugging
1102 Tracing through a section of code
1103 Understanding error messages
1104 Using debuggers



12 Introduction to Object Orientation
1201 Introduction to object-oriented languages
1202 Using classes and objects
1203 Reviewing object-oriented languages



13 Advanced Topics
1301 Memory management across languages
1302 Introduction to algorithms
1303 Introduction to multithreading



14 Exploring the Languages
1401 Introduction to languages
1402 C-based languages
1403 The Java world
1404 .NET languages C# and Visual Basic .NET
1405 Ruby
1406 Python
1407 Objective-C
1408 Libraries and frameworks



15 Conclusion
1501 Where to go from here



JavaScript Essential Training with Morten Rand-Hendriksen

5h 15m • COURSE
JavaScript is a scripting language of the web. As the web evolves from a static to a dynamic environment, technology focus is shifting from static markup and styling—frequently handled by content management systems or automated scripts—to dynamic interfaces and advanced interaction. Once seen as optional, JavaScript is now becoming an integral part of the web, infusing every layer with its script.
Through practical examples and mini-projects, this course helps you build your understanding of JavaScript piece by piece, from core principles like variables, data types, conditionals, and functions through advanced topics including loops, closures, and DOM scripting. Along the way, you will also be introduced to some ES6 and the basics of JavaScript libraries.
Topics include:
  • What is JavaScript?
  • Working with data
  • Using functions and objects
  • Working with JavaScript and the DOM
  • Changing DOM elements
  • Handling events
  • Working with loops
  • Making images responsive using markup
  • Troubleshooting code
  • Validating functionality
  • Minifying JavaScript

01.Introduction
001 Welcome
002 How to use the exercise files



01 JavaScript : An Introduction
003 What is JavaScript
004 How does JavaScript relate to Java_
005 Navigating the JavaScript landscape



02 The Basics
006 Tools for JavaScript development
007 Introducing the browser console
008 Add inline JavaScript to a HTML document
009 Add JavaScript in an external file
010 How to write JavaScript - A crash course



03 Working with Data
011 Variables - The catch-all containers of JavaScript
012 Data types in JavaScript
013 Arithmetic operators and math
014 Working with strings and numbers
015 Conditional statements and logic
016 Advanced conditions and logic
017 Arrays
018 Properties and methods in arrays



05 Functions and Objects
019 Functions in JavaScript
020 Build a basic function
021 Add arguments to the function
022 Return values from a function
023 Anonymous functions
024 Immediately invoked funcitonal expressions
025 Variable scope
026 ES2015 - let and const
027 Make sense of objects
028 Object constructors
029 Sidebar - Dot and bracket notation
030 Closures



06 JavaScript and DOM, Part1: Changing DOM Elements
031 DOM - The document object model
032 Target elements in the DOM with querySelector methods
033 Access and change elements
034 Access and change classes
035 Access and change attributes
036 Add DOM elements
037 Apply inline CSS to an element



07 Project Create an Analog Clock
038 Create an analog clock - Project breakdown
039 Use CSS to move clock hands
040 Use JavaScript to move clock hands
041 Get the current hour, minute, and second with the Date() object
042 Show the current time using fancy math
043 Make the clock move forward second by second
044 Solve the pesky 'return to zero' problem



08 JavaScript and DOM, Part 2: Events
106U5P6itgMsj2tHtowtW-8QTAJq0F8KB
045 What are DOM events_
046 Some typical DOM events
047 Trigger functions with event handlers
048 Add and use event listeners
049 Pass arguments via event listners



09 Project: Typing Speed Tester
050 Rundown of HTML markup
051 Use event listeners to detect typing
052 Build a count-up timer
053 Build a helper function for leading zeros
054 Detect spelling errors by matching strings
055 Stop the timer when the test is done
056 Add a reset button



10 Loops
057 Loops
058 Looping through arrays
059 Break and continue loops



11 Project: Automated Responsive Images Markup
060 Project breakdown
061 Rundown of project setup
062 Loop through all images in the document
063 Create function to generate srcset value
064 Create object containing different sizes values
065 Update img markup with srcset and sizes attributes



12 Troubleshooting Validating and Minifying JavaScript
066 JavaScript validation and troubleshooting
067 Troubleshooting JavaScript
068 Send troubleshooting info to the console
069 Step through your JavaScript with browser tools
070 Online script linting
071 Automate script linting
072 Online script minification
073 Automate script minification



13 Conclusion
074 Next Steps



Web Development Foundations: Full-Stack vs Front-End with Ray Villalobos

40m 1s • COURSE
Do you want to become a web developer? Nowadays, web development isn't one job. There is a range of technologies and career options to explore. The core responsibilities are split two ways—between front-end developers who specialize in websites and applications and back-end developers who work with servers and databases—but you can also become a full-stack developer who oversees all aspects of a project. This course provides an overview of the different jobs available in web development, the tools and frameworks to focus on, and the skills each job entails. Senior staff author Ray Villalobos also provides tips on finding training, getting hired, and maximizing your earning potential in this lucrative and exciting field.
Topics include:
  • Types of web developers
  • The role of HTML, CSS, and JavaScript
  • Using functions and objects
  • Servers and databases
  • Getting web development training
  • Choosing the right tools
  • Getting a job

01.Introduction
001 Welcome



01 Getting Started
002 Types of web developers
003 The role of HTML
004 The role of CSS
005 The role of JavaScript
006 Back end essentials
007 Servers
008 Server-side scripting
009 Database languages



02 Learning and Training
010 Train for the industry
011 Traditional education
012 Coding bootcamps
013 Other learning options
014 Social learning opportunities
015 Core developer tools
016 Other essential tools
017 Core concepts
018 Business and leadership skills



03 Getting a job
019 Types of jobs
020 Maximize compensation
021 Land a job
022 Next steps



Git Essential Training with Kevin Skoglund

6h 25m • COURSE
The course shows how to use Git, the popular open-source version control software, to manage changes to source code and text files. Using a step-by-step approach, author Kevin Skoglund presents the commands that enable efficient code management and reveals the fundamental concepts behind version control systems and the Git architecture. Discover how to track changes to files in a repository, review previous edits, and compare versions of a file; create branches to test new ideas without altering the main project; and merge those changes into the project if they work out. The course begins by demonstrating version control in a single-user, standalone context, before exploring how remote repositories allow users to collaborate on projects effectively.
Topics include:
  • Exploring the history of version control
  • Installing Git on Mac, Windows, and Linux
  • Initializing a repository
  • Writing useful commit messages
  • Understanding the Git three-tree architecture
  • Tracking when files are added, edited, deleted, or moved
  • Viewing change sets and comparing versions
  • Undoing changes and rolling back to previous versions
  • Ignoring changes to select files
  • Creating and working with code branches
  • Merging branches and resolving merge conflicts
  • Stashing changes for later
  • Working with hosted repositories and remote branches
  • Developing an effective collaboration workflow

00.Introduction
00_01-Introduction
00_02-Exercisefiles

01.What is Git
01_01-Understanding version control
01_02-The history of Git
01_03-About distributed version control
01_04-Who should use Git?

02.Installing Git
02_01-Installing Git on a Mac
02_02-Installing Git on Windows
02_03-Installing Git on Linux
02_04-Configuring Git
02_05-Exploring Git auto-completion
02_06-Using Git help

03. Getting Started
03_01-Initializing a repository
03_02-Understanding where Git files are stored
03_03-Performing your first commit
03_04-Writing commit messages
03_05-Viewing the commit log

04. Git Concepts and Architecture
04_01-Exploring the three-trees architecture
04_02-The Git workflow
04_03-Using hash values (SHA-1)
04_04-Working with the HEAD pointer

05. Making Changes to Files
05_01-Adding files
05_02-Editing files
05_03-Viewing changes with diff
05_04-Viewing only staged changes
05_05-Deleting files
05_06-Moving and renaming files

06. Using Git with a Real Project
06_01-Introducing the Explore California web site
06_02-Initializing Git
06_03-Editing the support phone number
06_04-Editing the backpack file name and links

07. Undoing Changes
07_01-Undoing working directory changes
07_02-Unstaging files
07_03-Amending commits
07_04-Retrieving old versions
07_05-Reverting a commit
07_06-Using reset to undo commits
07_07-Demonstrating a soft reset
07_08-Demonstrating a mixed reset
07_09-Demonstrating a hard reset
07_10-Removing untracked files

08. Ignoring Files
08_01-Git Ignore
08_02-Understanding what to ignore
08_03-Ignoring files globally
08_04-Ignoring tracked files
08_05-Tracking empty directories

09. Navigating the Commit tree
09_01-Referencing commits
09_02-Exploring tree listings
09_03-Getting more from the commit log
09_04-Viewing commits
09_05-Comparing commits

10. Branching
10_01-Branching overview
10_02-Viewing and creating branches
10_03-Switching branches
10_04-Creating and switching branches
10_05-Switching branches with uncommitted changes
10_06-Comparing branches
10_07-Renaming branches
10_08-Deleting branches
10_09-Configuring the command prompt to show the branch

11. Merging Branches
11_01-Merging code
11_02-Using fast-forward merge vs. true merge
11_03-Merging conflicts
11_04-Resolving merge conflicts
11_05-Exploring strategies to reduce merge conflicts

12. Stashing Changes
12_01-Saving changes in the stash
12_02-Viewing stashed changes
12_03-Retrieving stashed changes
12_04-Deleting stashed changes

13. Remotes
13_01-Using local and remote repositories
13_02-Setting up a GitHub account
13_03-Adding a remote repository
13_04-Creating a remote branch
13_05-Cloning a remote repository
13_06-Tracking remote branches
13_07-Pushing changes to a remote repository
13_08-Fetching changes from a remote repository
13_09-Merging in fetched changes
13_10-Checking out remote branches
13_11-Pushing to an updated remote branch
13_12-Deleting a remote branch
13_13-Enabling collaboration
13_14-A collaboration workflow

14. Tools and Next Steps
14_01-Setting up aliases for common commands
14_02-Using SSH keys for remote login
14_03-Exploring integrated development environments
14_04-Exploring graphical user interfaces
14_05-Understanding Git hosting
14_06-Next steps

Workflow Tools for Web Developers with Christina Truong

1h 13m • COURSE
Web developers don't have to do everything by hand. There are many tools and frameworks that can make your workflow more productive and efficient—helping you code faster and cleaner than before. Christina Truong introduces browser tools for analyzing and testing your code; text editors that help you write it; and shortcuts and tools for automating repetitive web dev tasks. Plus, learn how version control systems like Git actually help save you time, in addition to saving you from mistakes. Get an overview of the pros and cons of each tool as well as examples, tips, and guidance for evaluating which ones will work best for you.
Topics include:
  • Using browser development tools
  • Inspecting HTML, CSS, and JavaScript
  • Testing mobile layouts
  • Coding in text editors and IDEs
  • Using front-end frameworks and CSS preprocessors
  • Working with the command line
  • Using version control (such as Git)

01.Introduction
01_01-Welcome
01_02-What you should know
01_03-Using the exercise files



02. Browser Tools and AddOns
02_01-Browsers and browser testing
02_02-Open the browser developer tools
02_03-Inspect HTML
02_04-Inspect CSS
02_05-Test mobile layouts
02_06-The browser JavaScript console
02_07-JavaScript breakpoints
02_08-Browser addons, extensions, and plugins



03. Text Editors
03_01-Text editors and IDEs
03_02-Code autocompletion
03_03-Code snippets



04. FrontEnd Frameworks and CSS Preprocessors
04_01-CSS reset style sheets
04_02-Frontend frameworks
04_03-CSS preprocessors



05. Apps, Command Line Tools, and Version Control
05_01-Workflow automation tools
05_02-Working with the command line
05_03-Automating with Grunt.js or Gulp.js
05_04-Git and version control



06. Conclusion
06_01-Next steps



Working Remotely with Todd Dewett

32m 7s • COURSE
Learn how to work remotely and remain connected to your organization. Coach Todd Dewett reveals how you can create a productive work environment at home by structuring your day correctly, dedicating a space to work, and avoiding distractions. Once your workspace is established, he shares best practices for staying in touch with your colocated team. Last, he addresses the most common challenges encountered by remote workers: feeling isolated, navigating office politics from afar, and communicating virtually.
Topics include:
  • Introduction
  • Create a private workspace
  • Work with a working team
  • Start working time
  • How to stay in the group
  • Use technology
  • How to build connections
  • The most common challenges
  • How to avoid team separation

00. Introduction
01_01-Welcome



02. Setting Yourself Up for Success
02_01-Structuring your day
02_02-Establishing a dedicated workspace
02_03-Respecting work time



03. Working with Your Team
03_01-Staying in touch
03_02-Mixing up your routine
03_03-Using technology to build connections



04. Most Common Challenges
04_01-How to prevent feeling isolated
04_02-Politics of not being in the office
04_03-Giving and receiving feedback virtually



05. Conclusion
05_01-Wrapup



Time Management: Working from Homewith Dave Crenshaw

1h 25m • COURSE
Working from home is a wonderful opportunity, but time management can be a challenge. With so many demands on your time and attention, it's a tricky balancing act to stay productive. In this course, bestselling author and productivity expert Dave Crenshaw offers best practices for anyone who works full-time or occasionally from home. Dave begins by showing how to set up a dedicated workspace for maximum productivity, including tips on setting up your computer to ensure you stay focused. Then Dave walks through how to craft your daily schedule for peak productivity and plan meaningful breaks to avoid burnout. He explains how to collaborate with remote coworkers, including how to use virtual meetings productively. Finally, Dave offers advice for working parents and other caregivers who might be balancing professional and personal responsibilities in the home.
Topics include:
  • Create a productive environment by limiting distractions.
  • Evaluate and choose the best technology to increase your productivity.
  • Differentiate between constant effort and a healthy working rhythm.
  • Define expectations around communication while remaining responsive.
  • Identify the benefits of relationship building.
  • Learn how to manage interruptions and emergencies at home.


01. Introduction
01_01. Welcome
01_02. What you should know before watching



02. Establish you home base
02_03. Relationship between freedom and time
02_04. Create a productive workspace
02_05. Focus with your eyes and ears
02_06. Processing from home
02_07. Utilize the best technology



03. Crafting Your schedule
03_08. Keep work hours in balance
03_09. How to find your peak productivity time
03_10. Plan meaningful breaks
03_11. Adjust when schedules collide



04. Communicating Productivity
04_12. Determine ground rules
04_13. Use virtual meetings productively
04_14. How to work across time zones
04_15. How to respond to quick questions
04_16. Productivity and coworker relationships



05. Considerations for working parents and caregivers
05_17. Build boundaries with loved ones
05_18. When to delegate personal tasks
05_19. Manage interruptions and emergencies
05_20. The power of having fun with loved ones



06. Conclusion
06_21. Next steps