text: [{
    "title": "Seven: An Eleventy Template",
    "date" : "Jul 13, 2020",
    "summary" : "A Bootstrap Based template for the awesome Eleventy static site generator.",
    
    "url": "/projects/seven/",
    "tags" : ""
  },{
    "title": "Building",
    "date" : "Jul 13, 2020",
    
    
    "url": "/projects/seven/06_Building/","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "project,rayveal"
  },{
    "title": "Configuration",
    "date" : "Jul 13, 2020",
    
    
    "url": "/projects/seven/05_Configuration/","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "project,rayveal"
  },{
    "title": "Site",
    "date" : "Jul 13, 2020",
    "summary" : "A markdown first slide framework based on the awesome reveal.js, with multiple presentations, custom layouts and a whole lot more.&quot;",
    
    "url": "/projects/seven/04_Site/","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "project,rayveal"
  },{
    "title": "Scripts",
    "date" : "Jul 13, 2020",
    
    
    "url": "/projects/seven/03_Scripts/","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "project,rayveal"
  },{
    "title": "Seven: Styles",
    "date" : "Jul 13, 2020",
    
    
    "url": "/projects/seven/02_Styles/","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "project,rayveal"
  },{
    "title": "RavVeal: Introduction",
    "date" : "Jul 13, 2020",
    "summary" : "A markdown first slide framework based on the awesome reveal.js, with multiple presentations, custom layouts and a whole lot more.&quot;",
    
    "url": "/projects/rayveal/",
    "tags" : ""
  },{
    "title": "Templates",
    "date" : "Jul 13, 2020",
    "summary" : "A markdown first slide framework based on the awesome reveal.js, with multiple presentations, custom layouts and a whole lot more.&quot;",
    
    "url": "/projects/rayveal/04_Templates/",
    "tags" : ""
  },{
    "title": "Features",
    "date" : "Jul 13, 2020",
    "summary" : "A markdown first slide framework based on the awesome reveal.js, with multiple presentations, custom layouts and a whole lot more.&quot;",
    
    "url": "/projects/rayveal/03_Features/",
    "tags" : ""
  },{
    "title": "Setup Instructions",
    "date" : "Jul 13, 2020",
    "summary" : "A markdown first slide framework based on the awesome reveal.js, with multiple presentations, custom layouts and a whole lot more.&quot;",
    
    "url": "/projects/rayveal/02_Instructions/","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "project,rayveal"
  },{
    "title": "How to eliminate the terror of a live coding demo training tutorial",
    "date" : "Jul 08, 2020",
    "summary" : "I&#39;ve prepared dozens of project based online tutorials and given as many live training sessions featuring the dreaded &#39;live coding&#39; demo. It can be embarrasing when you type in a comma instead of a semicolon. Here&#39;s a process for having a flawless demo.",
    "thumbnail": "/images/posts/markus-spiske-Skf7HxARcoc-unsplash_tn.png",
    "url": "/posts/2020-07-08-error-free-live-demo/",
    "tags" : "tutorial,web development"
  },{
    "title": "CSS: Scrolling and Parallax",
    "date" : "Jun 24, 2020",
    "summary" : "This course shows developers how to leverage scrolling and parallax to program new interface styles using CSS, JavaScript as well as ScrollMagic and the GreenSock Animation Platform (GSAP).",
    "thumbnail": "/images/courses/cssparallax_tn.jpg",
    "url": "https://www.linkedin.com/learning/css-scrolling-and-parallax/",
    "tags" : "animations,css,javascript,scrollmagic,gsap,scrolling,tweening"
  },{
    "title": "GitHub Quick Tips",
    "date" : "May 11, 2020",
    "summary" : "These 30 tips and tricks help you exercise the full power of this versatile software development platform. Customize GitHub by building out your project homepages, turning repositories into reusable templates, adding collaborators and more.",
    "thumbnail": "/images/courses/githubquick_tn.jpg",
    "url": "https://www.linkedin.com/learning/github-quick-tips/",
    "tags" : "github,tips,quick tips,git"
  },{
    "title": "Building Serverless Apps with JAMStack and Eleventy",
    "date" : "Mar 17, 2020",
    "summary" : "This course is a step-by-step project tutorial built with the Jamstack and Eleventy. Learn how to build pages from templates and layouts, connect to data through APIs, use shortcodes and filters to inject and update content, and more.",
    "thumbnail": "/images/courses/serverless_tn.jpg",
    "url": "https://www.linkedin.com/learning/building-serverless-apps-with-jamstack-and-eleventy",
    "tags" : "serverless,jamstack,eleventy,static site"
  },{
    "title": "Visual Studio Code: Building an Extension",
    "date" : "Feb 11, 2020",
    "summary" : "Make Visual Studio Code do what you want by building extensions. Apply web development tools and APIs to create a new tool inside Visual Studio Code. Create and modify themes, automate tasks by adding commands and more.",
    "thumbnail": "/images/courses/vscodeext_tn.jpg",
    "url": "https://www.linkedin.com/learning/visual-studio-code-building-an-extension",
    "tags" : "animations,css,javascript,scrollmagic,gsap,scrolling,tweening"
  },{
    "title": "Svelte: First Look",
    "date" : "Dec 09, 2019",
    "summary" : "Svelte—a new, lightweight component framework—marches into this tangle with a brush cutter, trimming down the weeds to provide a core set of key functionalities with zero dependencies.",
    "thumbnail": "/images/courses/svelte_tn.jpg",
    "url": "https://www.linkedin.com/learning/svelte-first-look",
    "tags" : "frameworks,svelte,javascript"
  },{
    "title": "Github Actions: First Look",
    "date" : "Nov 08, 2019",
    "summary" : "Actions, a developer productivity and CI/CD suite of tools from GitHub, offers developers a new way to automate workflows for their web projects. Each action—which is a set of custom instructions—can be combined with other actions to create a workflow.",
    "thumbnail": "/images/courses/githubactions_tn.jpg",
    "url": "https://www.linkedin.com/learning/github-actions-first-look-2",
    "tags" : "github,actions,continuous integration,automation,git"
  },{
    "title": "Gulp.js: Web Project Workflows",
    "date" : "Oct 31, 2019",
    "summary" : "Developing an efficient workflow will help you write better code and test and deploy your web applications easily and efficiently. Gulp.js make setting up compression, minification, preprocessing, and other common tasks easy.",
    "thumbnail": "/images/courses/gulp_tn.jpg",
    "url": "https://www.linkedin.com/learning/gulp-js-web-project-workflows/",
    "tags" : "careers,full stack,web development,gulp,build tools"
  },{
    "title": "Vue.js: Working with APIs",
    "date" : "Oct 18, 2019",
    "summary" : "Modern apps are shifting to a model where APIs provide the data and interactivity. Front-end developers decide how to present the information and interactions, and the APIs power the rest. Vue.js was built with these challenges in mind; it’s a view-only framework specifically designed to integrate elegantly with other libraries.",
    "thumbnail": "/images/courses/vueapis_tn.jpg",
    "url": "https://www.linkedin.com/learning/vue-js-working-with-apis/lifecycles-and-the-fetch-api",
    "tags" : "careers,full stack,web development,vue.js,frameworks"
  },{
    "title": "Vue.js: Full-Stack Applications with Firebase",
    "date" : "Sep 11, 2019",
    "summary" : "Front-end developers can quickly assemble useful applications by combining the Vue.js front-end framework with the easily accessible power of the Firebase server engine from Google. In this course, join Ray Villalobos as he demonstrates how to create a working single-page app using the Vue.js framework layered on the Firebase cloud platform.",
    "thumbnail": "/images/courses/vuefirebase_tn.jpg",
    "url": "https://www.linkedin.com/learning/vue-js-full-stack-applications-with-firebase",
    "tags" : "frameworks,vue.js,firebase,full-stack,javascript"
  },{
    "title": "Succeeding in Web Development: Full Stack and Front End",
    "date" : "Sep 11, 2019",
    "summary" : "This course provides a map of the core technologies and advice about mastering them, complemented with the details you need to connect them to jobs. Senior Staff Author Ray Villalobos also provides tips on finding training, getting hired, and maximizing your earning potential in this lucrative and exciting field.",
    "thumbnail": "/images/courses/succeeding-web-development_tn.png",
    "url": "https://www.linkedin.com/learning/succeeding-in-web-development-full-stack-and-front-end/becoming-a-web-developer?u=104",
    "tags" : "careers,full stack,web development,web designer,web developer"
  },{
    "title": "Vue.js: Building an Interface",
    "date" : "Aug 15, 2019",
    "summary" : "The perfect way to learn Vue.js is to use Vue.js. Once you build an app interface and see its strengths and flexibility in action, you can decide how much of Vue.js you want to use in your own projects. This hands-on course teaches you how to build a simple component-based app: an appointment booking and management system with features for searching and sorting.",
    "thumbnail": "/images/courses/vueinterface_tn.jpg",
    "url": "https://www.linkedin.com/learning/vue-js-building-an-interface-2/",
    "tags" : "frameworks,vue.js,javascript"
  },{
    "title": "Electron: Building Cross Platform Desktop Apps",
    "date" : "May 28, 2019",
    "summary" : "Electron is an open-source framework for creating desktop applications with your favorite web technologies: JavaScript, HTML, and CSS. It makes it easy to create a simple app with a few lines of code, using languages you already know.",
    "thumbnail": "/images/courses/react-spas_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Felectron-building-cross-platform-desktop-apps","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "css,javascript,html,web designer,web developer,frameworks,electron,project"
  },{
    "title": "Bootstrap 4 with Sass",
    "date" : "Apr 19, 2019",
    "summary" : "Bootstrap is the most popular framework for building responsive, mobile-first websites. When you combine it with Sass, you get CSS superpowers and a level of customization that makes Bootstrap even more powerful.",
    "thumbnail": "/images/courses/bootstrap-4-with-sass_tn.png",
    "url": "https://www.linkedin.com/learning/bootstrap-4-with-sass/","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "bootstrap,bootstrap4,sass,web designer,web developer,frameworks,project"
  },{
    "title": "Vue.js Essential Training",
    "date" : "Mar 20, 2019",
    "summary" : "In this course, explore the fundamentals of Vue.js. Explore the core library and learn how to make the most of templates, classes, objects, arrays, styles, modules, and more. You&#39;ll learn using codepen as well as ",
    "thumbnail": "/images/courses/vue-esst_tn.png",
    "url": "https://www.linkedin.com/learning/vue-js-essential-training-2","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "react,javascript,frameworks,components,project,interface"
  },{
    "title": "React: Building a Web Interface",
    "date" : "Feb 13, 2019",
    "summary" : "In this practical, hands-on course, featuring a realistic sample project that showcases the strengths of React: an online appointment scheduling tool.",
    "thumbnail": "/images/courses/react-interface_tn.png",
    "url": "https://www.linkedin.com/learning/react-js-building-an-interface-2","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "react,javascript,frameworks,components,project,interface"
  },{
    "title": "Building a Web Interface with Angular",
    "date" : "Jan 11, 2019",
    "summary" : "Get started with Angular by learning how to use it to build an interface. Start an Angular project with the CLI, learn components, events and search/sort list data.",
    "thumbnail": "/images/courses/angular-interface_tn.png",
    "url": "https://www.linkedin.com/learning/angular-building-an-interface/building-an-interface-with-angular","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "angular,javascript,frameworks,angular cli,project,interface"
  },{
    "title": "Learning Atom",
    "date" : "Dec 03, 2018",
    "summary" : "In this course, Ray Villalobos shows how to use and customize Atom for web, front-end, stack, or any other kind of development. Learn how to write and edit text, use selections, move around code folders, and use the powerful Find and Replace feature. Then find out how to customize the interface and editing experience with Atom themes, packages, and snippets. ",
    "thumbnail": "/images/courses/learnatom_tn.png",
    "url": "https://www.linkedin.com/learning/learning-atom-2/editing-with-atom?u=104",
    "tags" : "css,javascript,html,text editor,web developer"
  },{
    "title": "React: Single Page Applications",
    "date" : "Nov 07, 2018",
    "summary" : "This course shows you how to build a polished single-page application (SPA), with tools for managing users and reading writing and editing data from Google&#39;s Firebase a real time multi-user database.",
    "thumbnail": "/images/courses/react-spas_tn.png",
    "url": "https://www.linkedin.com/learning/react-spas/working-with-exercises","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "react,javascript,firebase,routing,registration,authentication,project,CRUD,searching,filtering"
  },{
    "title": "A JSON Tutorial. Getting started with JSON using JavaScript and jQuery",
    "date" : "Oct 12, 2018",
    "summary" : "Javascript has grown from a way to add interactivity on your page, to a language that lets you perform tasks that once belonged to servers. JSON provides for an easy way to create and store data structures within JavaScript. It’s super popular and a great alternative to XML.",
    "thumbnail": "/images/posts/jsonarticle_tn.png",
    "url": "/posts/2018-10-12-json-tutorial/",
    "tags" : "careers,web development,data visualization,python"
  },{
    "title": "Bootstrap 4 Layouts: Responsive Single-Page Design",
    "date" : "Sep 17, 2018",
    "summary" : "Find out how Bootstrap 4 can transform your standard HTML websites into inspired single-page designs.",
    "thumbnail": "/images/courses/bootstrap4layouts_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?subId1=linkedin&amp;u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fbootstrap-4-layouts-responsive-single-page-design","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "css,javascript,html,web designer,web developer,frameworks,bootstrap,project"
  },{
    "title": "Code Clinic: JavaScript",
    "date" : "Aug 06, 2018",
    "summary" : "Code Clinic is a series of courses where our instructors solve the same problems using different programming languages. Here, Ray Villalobos works with JavaScript. Throughout the course, Ray introduces challenges and then provides an overview of his solutions in JavaScript.",
    "thumbnail": "/images/courses/codeclinicjs_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?subId1=linkedin&amp;u=https%3A%2F%2Flinkedin-learning.pxf.io%2Fc%2F1252977%2F449670%2F8005",
    "tags" : "css,javascript,html,web designer,web developer"
  },{
    "title": "jQuery: Building an Interface",
    "date" : "Apr 19, 2018",
    "summary" : "Create an interactive user interface that uses the strengths of jQuery, Bootstrap, Underscore.js, and the vast library of jQuery plugins.",
    "thumbnail": "/images/courses/jqueryinterface_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fjquery-building-an-interface",
    "tags" : "css,javascript,html,web designer,web developer,frameworks,jquery"
  },{
    "title": "What I learned about resiliency working for 9 bosses in 5 years",
    "date" : "Mar 28, 2018",
    "summary" : "Getting a new boss can be really stressful. To paraphrase the great philosopher F. Gump, you usually have little input into who that is, so you don’t know what you&#39;re going to get until you&#39;ve had the time to work with them. I should know.",
    "thumbnail": "/images/posts/resiliency_tn.png",
    "url": "https://www.linkedin.com/pulse/what-i-learned-resiliency-working-9-bosses-5-years-ray-villalobos/",
    "tags" : "external,careers"
  },{
    "title": "Mastering Web Developer Interview Code",
    "date" : "Dec 19, 2017",
    "summary" : "In this weekly series, senior staff author explores front-end and full-stack coding concepts that every developer should have in their toolkit. Tune in every Tuesday for a new tip.",
    "thumbnail": "/images/courses/masteringwebdeveloper_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fmastering-web-developer-interview-code",
    "tags" : "video tutorial,css,sass,javascript,html,web designer,web developer,frameworks"
  },{
    "title": "Want to get hired? Look into this technology career",
    "date" : "Dec 07, 2017",
    "summary" : "The LinkedIn U.S. Emerging Jobs Report finds that job growth in the next decade outstrips growth in the previous decade creating 11.5 million jobs, estimating that 65% of children entering primary school will hold jobs that don&#39;t yet exist.",
    "thumbnail": "/images/posts/wanttogethired_tn.png",
    "url": "https://www.linkedin.com/pulse/want-get-hired-look-technology-careerlinkedin-jobs-finds-villalobos/",
    "tags" : "external,careers,web design,web development,data visualization,python"
  },{
    "title": "Learning Angular JS 1",
    "date" : "Nov 08, 2017",
    "summary" : "AngularJS is still a major player in the web dev world. Learn how to quickly build full-featured web applications with this important JavaScript framework.",
    "thumbnail": "/images/courses/angularjs1-learning_tn.png",
    "url": "https://www.linkedin.com/learning/learning-angularjs-1-2?u=104",
    "tags" : "css,javascript,html,web designer,web developer,angular,frameworks"
  },{
    "title": "Vue.js: Building an Interface",
    "date" : "Oct 11, 2017",
    "summary" : "The perfect way to learn Vue.js is to use Vue.js. Learn to create an application interface for a product rating system using this flexible JavaScript library.",
    "thumbnail": "/images/courses/vue_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fvue-js-building-an-interface%2Fcreating-a-named-component",
    "tags" : "video tutorial,css,sass,javascript,html,web designer,web developer,frameworks,Vue,project based,building an interface"
  },{
    "title": "Looking to Microsoft Ignite",
    "date" : "Sep 25, 2017",
    "summary" : "I find myself working for Microsoft at LinkedIn Learning in my very first Microsoft conference...Ignite. Needless to say, I feel a bit like a fish out of water, really more like a cat that&#39;s been adopted by a giraffe family. Here&#39;s what I&#39;ll be looking for during the week.",
    "thumbnail": "/images/posts/ignite_tn.png",
    "url": "https://www.linkedin.com/pulse/looking-microsoft-ignite-first-time-attendee-journey-find-villalobos",
    "tags" : "external,ignite,conferences"
  },{
    "title": "Three things I learned from six years as a teacher on Lynda.com",
    "date" : "Sep 12, 2017",
    "summary" : "It&#39;s my sixth year anniversary at lynda.com/LinkedIn Learning and milestones come with some reflection, so I wanted to share with you some of the things I&#39;ve learned over the years. Although these are specific to my experience, I think you&#39;ll be able to relate to these and maybe share something you&#39;ve learned from your own.",
    "thumbnail": "/images/posts/threethings_tn.png",
    "url": "https://www.linkedin.com/pulse/three-things-i-learned-from-six-years-teacher-ray-villalobos",
    "tags" : "external,Teaching,Learning,lynda.com,LinkedIn Learning"
  },{
    "title": "Crafting an effective video embed campaign for LinkedIn",
    "date" : "Aug 29, 2017",
    "summary" : "Recently I launched a campaign promoting our serial content for LinkedIn learning which attained a large number of plays, shares and clickthroughs, so I wanted to share some of the things that worked well within our publishing platform.",
    "thumbnail": "/images/posts/effectivevideo_tn.png",
    "url": "https://www.linkedin.com/pulse/crafting-effective-video-embed-campaign-linkedin-ray-villalobos",
    "tags" : "external,Linked In,marketing,online publishing,online marketing"
  },{
    "title": "Five weekly series to help you work smarter",
    "date" : "Aug 25, 2017",
    "summary" : "In order to get ahead, you need to learn to be more effective at work. Every week, these great authors give you quick, 10 minute tips to help you train your staff, understand business finance, learn to develop and manage yourself, build better work relationships and learn marketing tips to make your promotion efforts more effective.",
    "thumbnail": "/images/posts/weekly-worksmarter_tn.png",
    "url": "https://www.linkedin.com/pulse/five-weekly-series-help-you-work-smarter-more-your-ray-villalobos/",
    "tags" : "external,careers"
  },{
    "title": "Get challenged by these professional photographers",
    "date" : "Aug 25, 2017",
    "summary" : "Check out these short, weekly, 10 minute series of courses that can help you keep up with the latest and challenge you to practice your skills. You&#39;ll learn about photo gear, get inspired by critiques, learn from practicing professional photographers, learn about the latest tools, mobile photography, Final Cut Pro, motion graphics and Nuke.",
    "thumbnail": "/images/posts/photographerweekly_tn.png",
    "url": "https://www.linkedin.com/pulse/get-challenged-professional-photographers-motion-10-video-villalobos",
    "tags" : "external,weekly series,photography,careers"
  },{
    "title": "10 minute weekly courses to become a better artist/designer",
    "date" : "Aug 25, 2017",
    "summary" : "If you&#39;ve been looking to improve your drawing, design, layout and photo editing skills, but keep a busy schedule, then these weekly series can help. They release once a week and include short, actionable tips and techniques from world class authors.",
    "thumbnail": "/images/posts/weekly-artist_tn.png",
    "url": "https://www.linkedin.com/pulse/10-minute-weekly-courses-can-help-you-become-better-ray-villalobos",
    "tags" : "external,weekly series,careers,Adobe Illustrator,InDesign"
  },{
    "title": "Nine Weekly Series to help you master 3-D and Animation",
    "date" : "Aug 25, 2017",
    "summary" : "If you&#39;re an animation, 3D or VR professional looking to improve your skills, take a look at these quick, 10 minute weekly series from LinkedIn Learning experts to help you master new technologies from Maya, Blender, Z-Brush, Sketchup, BIM, Rhino and Revit.",
    "thumbnail": "/images/posts/animation_tn.png",
    "url": "https://www.linkedin.com/pulse/nine-weekly-series-help-you-master-3-d-animation-ray-villalobos",
    "tags" : "external,weekly series,tips"
  },{
    "title": "5 Unusual Skills Industry Professionals Use to be More Successful in their Careers",
    "date" : "Aug 05, 2017",
    "summary" : "Having a successful career is largely a result of actions, but also your re-action to opportunities and challenges that come along the way. In order to be successful you need to master techniques that really work. Let&#39;s take a look at what really works for professionals.",
    "thumbnail": "/images/posts/weekly-unusual_tn.png",
    "url": "https://www.linkedin.com/pulse/5-unusual-skills-industry-professionals-use-more-ray-villalobos",
    "tags" : "external,careers"
  },{
    "title": "Keep up with full stack, UX, web design and mobile with seven weekly series",
    "date" : "Jun 28, 2017",
    "summary" : "No other field changes more rapidly than the web industry, so it&#39;s important to keep learning constantly to stay up with the latest frameworks and languages. These weekly series offer quick, 10 minute tips to help you stay frosty and challenge you to keep learning about Android development, web media, mastering interview code, CSS, Sharepoint, UX and Visual Studio.",
    "thumbnail": "/images/posts/weekly-ux_tn.png",
    "url": "https://www.linkedin.com/pulse/keep-up-fast-changing-front-end-full-stack-ux-web-seven-villalobos",
    "tags" : "external,web development,web design,careers"
  },{
    "title": "Learning Data Visualization with D3.js",
    "date" : "May 25, 2017",
    "summary" : "Bring your data to life with D3.js. Create interactive, visually exciting infographics and visualizations with HTML, CSS, JavaScript, and SVG graphics.",
    "thumbnail": "/images/courses/d3_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Flearning-data-visualization-with-d3-js",
    "tags" : "css,javascript,html,web designer,web developer,frameworks,bootstrap"
  },{
    "title": "Next Generation CSS Design with PostCSS and CSSNext",
    "date" : "Apr 28, 2017",
    "summary" : "Learn how to work with PostCSS and CSSNext. Discover how to create a realistic single-page site that uses cutting-edge CSS features while maintaining compatibility with older browsers.",
    "thumbnail": "/images/courses/cssnext_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fnext-generation-css-design-with-postcss-and-cssnext",
    "tags" : "css,javascript,html,web designer,web developer,postcss"
  },{
    "title": "Bootstrap 4 Essential Training",
    "date" : "Mar 31, 2017",
    "summary" : "Learn the essentials of Bootstrap. Discover how to work with this popular front-end framework to quickly and easily build responsive, mobile-ready websites that are cross-browser compatible.",
    "thumbnail": "/images/courses/bootstrap4_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fbootstrap-4-essential-training",
    "tags" : "css,javascript,html,web designer,web developer,frameworks,bootstrap"
  },{
    "title": "Learning Angular JS 2",
    "date" : "Feb 08, 2017",
    "summary" : "Learn AngularJS 2, the &quot;superheroic&quot; JavaScript framework for building single-page mobile and web applications fast. Find out how to use AngularJS templates, create components, and work with events.",
    "thumbnail": "/images/courses/angularjs2_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Flearning-angularjs-2",
    "tags" : "css,javascript,html,web designer,web developer,angular,frameworks"
  },{
    "title": "AngularJS: Building a Data Driven Application",
    "date" : "Jan 24, 2017",
    "summary" : "Learn how to add data-driven functionality to your web applications with AngularJS. This project shows you how to check users in and out of a system and randomly select checked-in users to reward with prizes.",
    "thumbnail": "/images/courses/angularjs1-datadriven_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fangularjs-1-building-a-data-driven-app-2",
    "tags" : "css,javascript,html,web designer,web developer,angular,frameworks"
  },{
    "title": "AngularJS 1: Adding Registration to Your Application",
    "date" : "Dec 21, 2016",
    "summary" : "In this short course, we&#39;ll create a simple and straightforward registration system that allows users to log in and log out of an application. The techniques use AngularJS and Google Firebase, a mobile development platform that makes registration easy and secure.",
    "thumbnail": "/images/courses/angular1-registration_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fangularjs-1-adding-registration-to-your-application-2",
    "tags" : "css,javascript,html,web designer,web developer,angular,frameworks"
  },{
    "title": "5 Reasons You Should Develop Your Next Site Using Node &amp; ExpressJS",
    "date" : "Dec 20, 2016",
    "summary" : "Creating a website using NodeJS instead of Apache used to be hard, but today several advances have made NodeJS Servers easy to deploy. In this article, I talk about what are some of the advantages of using Node and Express and why you should give it a shot.",
    "thumbnail": "/images/posts/express_tn.png",
    "url": "https://www.linkedin.com/pulse/5-reasons-you-should-develop-your-next-site-using-node-ray-villalobos",
    "tags" : "external,web design,web development,nodejs,expressjs,javascript"
  },{
    "title": "Building a Progressive Web App",
    "date" : "Dec 13, 2016",
    "summary" : "Make your mobile web apps act like native iOS, Android, or Windows Phone applications. Make them progressive! Learn techniques to make web apps responsive and secure, work offline, and launch from the home screen.",
    "thumbnail": "/images/courses/progressivewebapp_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fbuilding-a-progressive-web-app",
    "tags" : "css,javascript,html,web designer,web developer"
  },{
    "title": "Tooling with NPM Scripts",
    "date" : "Sep 29, 2016",
    "summary" : "Looking for an alternative build tool? Try npm, the node package manager. Learn how to create npm scripts to automate all sorts of build tasks.",
    "thumbnail": "/images/courses/npmscripts_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Ftooling-with-npm-scripts",
    "tags" : "css,javascript,html,web designer,web developer,tools,nodejs"
  },{
    "title": "Getting to Love Learning ReactJS",
    "date" : "Aug 13, 2016",
    "summary" : "There&#39;s a lot of resistance to learning the ReactJS library. That&#39;s because there are two main concepts that make it a tough sell for traditional developers. So let&#39;s take a look at what&#39;s been holding back most developers from learning ReactJS.",
    "thumbnail": "/images/posts/react_tn.png",
    "url": "https://www.linkedin.com/pulse/getting-love-learning-reactjs-ray-villalobos",
    "tags" : "external,web design,web development,react,javascript,frameworks"
  },{
    "title": "Web Development Foundations: Full-Stack vs Front-End",
    "date" : "Jun 23, 2016",
    "summary" : "Do you want to become a web developer? Learn about the skills and tools you need to get a job as a front-end, back-end, or full-stack web developer.",
    "thumbnail": "/images/courses/fullstackvsfrontend_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fweb-development-foundations-full-stack-vs-front-end",
    "tags" : "video tutorial,web designer,web developer,frameworks,Vue,project tutorial,building an interface"
  },{
    "title": "What&#39;s wrong with AngularJS2 and why you&#39;re going to like it",
    "date" : "Feb 18, 2016",
    "summary" : "I&#39;ve been working with AngularJS2 for a while, so I wanted to give some thoughts to those who are thinking or planning to update or upgrade their apps to this new version. I&#39;ll discuss what&#39;s new, what&#39;s very different, what works and what is going to be a challenge.",
    "thumbnail": "/images/posts/angular_tn.png",
    "url": "https://www.linkedin.com/pulse/whats-wrong-angularjs2-why-youre-still-going-like-ray-villalobos",
    "tags" : "external,web design,web development,angular,frameworks"
  },{
    "title": "Building a Responsive Single-Page Design with PostCSS",
    "date" : "Jan 22, 2016",
    "summary" : "Learn how to create animated single-page websites with PostCSS, the CSS post-processor that extends the power of CSS through JavaScript.",
    "thumbnail": "/images/courses/postcss_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fbuilding-a-responsive-single-page-design-with-postcss","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "css,javascript,html,web designer,web developer,responsive design,project"
  },{
    "title": "Learn about PostCSS! A new way to code CSS you&#39;re going to love",
    "date" : "Jan 21, 2016",
    "summary" : "Every so often, a new tool things changes the status quo and makes doing your job easier. First, there was Sass, Less and now, there&#39;s a new kid in town called PostCSS. It&#39;s changing how web designers and developers work. You should check it out because you&#39;re going to love it. In this article, I&#39;ll show you what the fuss is all about and show you some videos of PostCSS in action from a couple of my lynda.com courses.",
    "thumbnail": "/images/posts/postcss_tn.png",
    "url": "https://www.linkedin.com/pulse/learn-postcss-new-way-design-code-css-youre-going-love-ray-villalobos",
    "tags" : "external,web design,web development,postcss"
  },{
    "title": "PostCSS: First Look",
    "date" : "Jan 14, 2016",
    "summary" : "Want to write CSS faster and more efficiently? Get a first look at PostCSS, the engine for processing CSS with JavaScript.",
    "thumbnail": "/images/courses/postcssfirstlook_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fpostcss-first-look%2Fwhat-is-postcss",
    "tags" : "css,javascript,html,web designer,web developer,postcss"
  },{
    "title": "Learning Markdown",
    "date" : "Dec 23, 2015",
    "summary" : "Get started with Markdown, the lightweight text format that allows you to create documents, rich text, or HTML markup using any plain text editor.",
    "thumbnail": "/images/courses/markdown_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Flearning-markdown%2Fwhat-is-markdown",
    "tags" : "css,javascript,html,web designer,web developer,tools"
  },{
    "title": "6 JavaScript technologies Front-end developers should already know",
    "date" : "Dec 21, 2015",
    "summary" : "Life&#39;s tough for a front end developer because the pace of learning moves so fast. Today&#39;s developer needs to be familiar with a number of libraries, frameworks and processes in order to be successful. Here&#39;s my list of JavaScript technologies that you should already be familiar with if you&#39;re a professional front end developer.",
    "thumbnail": "/images/posts/jsfrontend_tn.png",
    "url": "/posts/2015-12-21-javascript-you-should-already-know/",
    "tags" : "web design,web development,javascript,NodeJS"
  },{
    "title": "Before you learn a framework, make sure you&#39;ve mastered these essential techniques",
    "date" : "Dec 16, 2015",
    "summary" : "With lower attention spans, it&#39;s easy to get distracted by shiny new frameworks like React, AngularJS and others. Before you spend your valuable time on those frameworks, make sure you understand these essential JavaScript techniques.",
    "thumbnail": "/images/posts/beforeframework_tn.png",
    "url": "https://www.linkedin.com/pulse/before-your-learn-new-javascript-framework-make-sure-youve-ray",
    "tags" : "external,web design,web development,javascript,react,angular,frameworks"
  },{
    "title": "AngularJS: Form Validation",
    "date" : "Nov 10, 2015",
    "summary" : "Learn how to implement dynamic form validation on any HTML form using the built-in validation properties and methods in AngularJS.",
    "thumbnail": "/images/courses/angularjs1-formvalidation_tn.png",
    "url": "https://www.linkedin.com/learning/angularjs-1-form-validation?u=104",
    "tags" : "css,javascript,html,web designer,web developer,angular,frameworks"
  },{
    "title": "Sass Essential Training",
    "date" : "Oct 06, 2015",
    "summary" : "Learn the fundamentals of Syntactically Awesome Stylesheets (Sass), a modern web development language that helps you write CSS better, faster, and with more advanced features.",
    "thumbnail": "/images/courses/sass_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fsass-essential-training",
    "tags" : "video tutorial,css,sass,javascript,html,web designer,web developer"
  },{
    "title": "Bootstrap 3 Essential Training",
    "date" : "Aug 26, 2015",
    "summary" : "Everything you need to know to get started building responsive, accessible, mobile-first websites with Bootstrap 3.",
    "thumbnail": "/images/courses/bootstrap3_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fbootstrap-3-essential-training",
    "tags" : "css,javascript,html,web designer,web developer,bootstrap,frameworks"
  },{
    "title": "Getting the Right Social Media Followers",
    "date" : "Aug 13, 2015",
    "summary" : "Everyone talks about getting a lot of followers in social media, but what does that really mean? And why is it even important? Well everyone is wrong. I&#39;m much happier when I focus on getting the right type of followers.",
    "thumbnail": "/images/posts/rightsocialmedia_tn.png",
    "url": "/posts/2015-08-13-Getting-the-Right-Social-Media-Followers/",
    "tags" : "social media"
  },{
    "title": "Up and Running with Git and GitHub",
    "date" : "Jul 06, 2015",
    "summary" : "Learning Git and GitHub Preview. Learn to work with the most common Git commands, and use GitHub to clone, explore, and create templates from existing projects.",
    "thumbnail": "/images/courses/gitandgithub_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Flearning-git-and-github",
    "tags" : "css,javascript,html,web designer,web developer,tools,git,github"
  },{
    "title": "Web Workflows with Grunt.js",
    "date" : "Jun 13, 2015",
    "summary" : "Program, test, and deploy your web applications more easily and efficiently with a Grunt.js development workflow.",
    "thumbnail": "/images/courses/workflows-grunt_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fgrunt-js-web-workflows",
    "tags" : "css,javascript,html,web designer,web developer,tools,grunt"
  },{
    "title": "Getting started creating SVG Graphics",
    "date" : "Mar 03, 2015",
    "summary" : "A lot of data visualizations use the SVG format to create graphics, so in this article, we&#39;ll use SVG to create some basic shapes and graphics. Understanding how the format works will help you when you&#39;re using SVG based libraries and frameworks.",
    "thumbnail": "/images/posts/svggraphics_tn.png",
    "url": "/posts/2015-03-03-creating-SVG-graphics/",
    "tags" : "data visualization,svg"
  },{
    "title": "Vector Graphic Formats Used for data visualizations",
    "date" : "Mar 02, 2015",
    "summary" : "In this article, I&#39;ll talk about the different graphic formats used for visualizing data and examine some of the differences. Since most visualizations are handled in just a few different vector graphic formats, we&#39;ll see why using vectors has advantages over bitmaps because it allows us to illustrate as well as create interactions with very little overhead.",
    "thumbnail": "/images/posts/vector_tn.png",
    "url": "/posts/2015-03-02-data-vizualization-formats/",
    "tags" : "data visualization,svg"
  },{
    "title": "Principles of online graphic formats",
    "date" : "Mar 01, 2015",
    "summary" : "If your goal is to create visualizations for online consumption, it&#39;s good to understand the fundamentals of how graphic formats work for online delivery. In this article, I&#39;ll talk about the different bitmap/raster graphics and some of the main considerations for online delivery.",
    "thumbnail": "/images/posts/graphics_tn.png",
    "url": "/posts/2015-03-01-online-graphic-formats/",
    "tags" : "web design,web development"
  },{
    "title": "Understanding Data Formats used for Visualization Applications",
    "date" : "Feb 19, 2015",
    "summary" : "In order to work with data-visualization, it&#39;s important to understand the formats commonly used to generate visual data. In this article, I&#39;ll talk about different formats for storing data plus their advantages and disadvantages and give you some resources.",
    "thumbnail": "/images/posts/dataformats_tn.png",
    "url": "/posts/2015-02-19-Understanding-Data-Formats/",
    "tags" : "data visualization"
  },{
    "title": "Bootstrap 3 Layouts: Responsive Single-Page Design",
    "date" : "Feb 15, 2015",
    "summary" : "Find out how Bootstrap can transform your standard HTML websites into inspired single-page designs.",
    "thumbnail": "/images/courses/bootstrap-singlepagedesign_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fbootstrap-layouts-responsive-single-page-design","icon": "<i class=\"fas fa-project-diagram\"></i>",
    "tags" : "css,javascript,html,web designer,web developer,frameworks,bootstrap,project"
  },{
    "title": "Horizontally Centered Navigation Menu with CSS",
    "date" : "Feb 11, 2015",
    "summary" : "Getting a menu to center horizontally is surprisingly hard, especially when you&#39;re using CSS lists. In this tutorial, I&#39;ll show you how to change the display element to pretend you&#39;re centering a table, which is easy.",
    "thumbnail": "/images/posts/horizontally_tn.png",
    "url": "/posts/2015-02-11-centered-navigation-table-css/",
    "tags" : "web design,css"
  },{
    "title": "Chrome Developer Extensions for Designers/Developers",
    "date" : "Feb 07, 2015",
    "summary" : "Google Chrome Extensions can help you take care of certain tasks quickly. Here&#39;s a quick review of some of my favorite extensions for web design and development.",
    "thumbnail": "/images/posts/chromeextensions_tn.png",
    "url": "/posts/2015-02-07-chrome-developer-extensions/",
    "tags" : "web designer,web developer"
  },{
    "title": "JavaScript: Functions",
    "date" : "Dec 16, 2013",
    "summary" : "Learn the different ways of declaring and invoking JavaScript functions, the &quot;subprograms&quot; that power your code.",
    "thumbnail": "/images/courses/javascript-functions_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fjavascript-functions",
    "tags" : "css,javascript,html,web designer,web developer"
  },{
    "title": "Responsive CSS with Sass and Compass",
    "date" : "Oct 30, 2013",
    "summary" : "Learn how Compass (powered by Sass) can help you build a responsive layout workflow that is easier, faster, and more compatible than CSS alone.",
    "thumbnail": "/images/courses/sasscompass_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Flinkedin-learning.pxf.io%2Fc%2F1252977%2F449670%2F8005%3Fu%3Dhttps%253A%252F%252Fwww.linkedin.com%252Flearning%252Flearning-angularjs-1-2",
    "tags" : "video tutorial,css,sass,javascript,html,web designer,web developer"
  },{
    "title": "JavaScript: Events",
    "date" : "Sep 17, 2013",
    "summary" : "Learn to use JavaScript events to respond to clicks, form input, and touch gestures in your web applications.",
    "thumbnail": "/images/courses/javascript-events_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fjavascript-events",
    "tags" : "css,javascript,html,web designer,web developer"
  },{
    "title": "Online Presentations with reveal.js",
    "date" : "Sep 05, 2013",
    "summary" : "Build slideshows that harness the full power of the web with reveal.js.",
    "thumbnail": "/images/courses/reveal_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Freveal-js-online-presentations",
    "tags" : "video tutorial,web designer,web developer,tools"
  },{
    "title": "Bootstrap 3: Advanced Web Development",
    "date" : "Aug 13, 2013",
    "summary" : "Generate an interactive website from scratch with Bootstrap.",
    "thumbnail": "/images/courses/bootstrap3-advanced_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fbootstrap-3-advanced-web-development",
    "tags" : "css,javascript,html,web designer,web developer,frameworks,bootstrap"
  },{
    "title": "Coding Faster with Emmet",
    "date" : "Jul 31, 2013",
    "summary" : "Learn to use Emmet&#39;s abbreviated shortcuts to write full-fledged HTML, XML, CSS, and code faster and more efficiently.",
    "thumbnail": "/images/courses/emmet_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcoding-faster-with-emmet",
    "tags" : "css,javascript,html,web designer,web developer,tools"
  },{
    "title": "JavaScript: Enhancing the DOM",
    "date" : "Jun 10, 2013",
    "summary" : "Learn to modify the DOM (Document Object Model), one of the core components of every HTML page, with JavaScript.",
    "thumbnail": "/images/courses/javascript-dom_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fjavascript-enhancing-the-dom",
    "tags" : "css,javascript,html,web designer,web developer"
  },{
    "title": "Validating and Processing Forms with JavaScript and PHP",
    "date" : "Apr 23, 2013",
    "summary" : "Learn how to ensure the data submitted to your web forms is complete, accurate, and nonmalicious with HTML5, JavaScript, jQuery, and PHP form processing and validation.",
    "thumbnail": "/images/courses/javascriptphp-forms_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fvalidating-and-processing-forms-with-javascript-and-php",
    "tags" : "css,javascript,html,php,web designer,web developer"
  },{
    "title": "JavaScript and JSON",
    "date" : "Mar 15, 2013",
    "summary" : "Explore how the JavaScript Object Notation (JSON) format works and how you can use it to read and share data in your web projects.",
    "thumbnail": "/images/courses/json_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fjavascript-and-json-integration-techniques",
    "tags" : "css,javascript,html,web designer,web developer"
  },{
    "title": "JavaScript and AJAX",
    "date" : "Jan 18, 2013",
    "summary" : "Explore how to load dynamic content from JavaScript and jQuery using AJAX methods.",
    "thumbnail": "/images/courses/ajax_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fjavascript-and-ajax-integration-techniques",
    "tags" : "css,javascript,html,web designer,web developer"
  },{
    "title": "View Source",
    "date" : "May 25, 2012",
    "summary" : "Ten-minute projects on intermediate and advanced web design topics, covering technologies such as HTML, PHP, jQuery, and CSS, as well as content management solutions like WordPress and integration with Twitter, YouTube, and more.",
    "thumbnail": "/images/courses/viewsource_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fview-source",
    "tags" : "video tutorial,css,sass,javascript,html,web designer,web developer"
  },{
    "title": "CSS: Styling Forms",
    "date" : "Jan 20, 2012",
    "summary" : "CSS best practices and techniques for styling and structuring HTML and HTML5 forms.",
    "thumbnail": "/images/courses/cssforms_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcss-styling-forms",
    "tags" : "css,javascript,html,web designer,web developer"
  },{
    "title": "Creating an Adaptive Web Site for Multiple Screens",
    "date" : "Nov 19, 2011",
    "summary" : "How to build a web site that automatically adapts its layout to various screen sizes, orientations, and resolutions on desktop browsers and mobile devices.",
    "thumbnail": "/images/courses/adaptive_tn.png",
    "url": "https://linkedin-learning.pxf.io/c/1252977/449670/8005?u=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcreating-an-adaptive-web-site-for-multiple-screens",
    "tags" : "css,javascript,html,web designer,web developer"
  }]
  