{"id":4071,"date":"2023-04-07T01:45:24","date_gmt":"2023-04-07T01:45:24","guid":{"rendered":"https:\/\/dalneypublishing.com\/felicialittlejohn\/?page_id=4071"},"modified":"2026-08-12T00:13:45","modified_gmt":"2026-08-12T00:13:45","slug":"programming","status":"publish","type":"page","link":"https:\/\/premierjones.com\/felicia\/portfolio-page\/programming\/","title":{"rendered":"Portfolio – Programming"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Web Programming <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The sampling of courses below show a variety of courses including courses developed for self-led eLearning (in Articulate Storyline), instructor-led remote training (LMS supported corporate), face-to-face corporate training (PowerPoint-based), and instructor-led training (LMS supported academia).\u00a0 \u00a0The bulk of my work history includes proprietary customer, technical, product, new hire orientation, and marketing training and job aids for internal use.\u00a0 These are not shown for reasons of confidentiality and special purpose use.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Web Programming: Microlearning Coding Lessons For Web Programming<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

This is a series of microlearning lessons.\u00a0 These are short lessons intended to help learners build skills and accomplish tasks in the shortest time possible.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t

Lessons:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tINFOGRAPHIC CODING CHALLENGE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"Depositphotos_25793333_thumbnail_cropped\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tDEMO: Using JavaScript in Storyline<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"815310_23124196\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\txAPI TRY OUT: How to send your first statement<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"CLeadI_LeadershipImageIdea_Microsoft\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Web Programming: How to Update Link Previews in Facebook Messenger (a just-in-time example)<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Oh no!\u00a0 When I tried to share a link in Facebook Messenger the preview had regrettable cropping (See the Before image below).\u00a0 It was fixed (see After image) by making changes to the header of the index.html file.\u00a0 Refer to instructions at right.\u00a0 As just-in-time fixes, these instructions allow people to find information when they need it<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

How to Update Link Previews in Facebook Messenger<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tHow to update the link previews in Facebook:\nIt\u2019s their cache which will clear in a few days or you can clear it manually.\n
    \n \t
  1. Crop image for link preview to 1500 x 1500\u00a0 (You can use Photo 3D.)<\/li>\n \t
  2. Add the basic meta tags (see below) to your HTML header.<\/li>\n \t
  3. Visit https:\/\/developers.facebook.com\/tools\/debug\/<\/a><\/span><\/li>\n \t
  4. Enter the URL that you would like to share.<\/li>\n \t
  5. Click Scrape Again until information updates. Ignore this error message: “Missing Properties – The following required properties are missing: fb:app_id”<\/li>\n \t
  6. Now open messenger and try the link again.<\/li>\n<\/ol>\nAs an example, here is what I added to the header of the Index.html file.\u00a0 (Replace with your own links and descriptions.)\n

    \u00a0<\/span><!– Add these meta data tags for Facebook Messenger link previews. \u00a0Note the image needs to be 1500 x 1500. –><\/span><\/p>\n

    \u00a0 \u00a0 \u00a0 \u00a0 <\/span><meta <\/span>property<\/span>=<\/span>“og:image” <\/span>content<\/span>=<\/span>“https:\/\/learningcenter.premierjones.com\/css-infographic-challenge\/images\/linkpreview_portrait-business-woman.jpg” <\/span>\/><\/span><\/p>\n

    \u00a0 \u00a0 \u00a0 \u00a0 <\/span><meta <\/span>property<\/span>=<\/span>“og:description” <\/span>content<\/span>=<\/span>“Embark on your journey to success. Join us for this inspiring, rejuvenating, motivating look at what secret sauce experts use to succeed in their business. This workshop is for leaders and aspiring leaders of any level that are committed to changing the world. Check out the details below.” <\/span>\/><\/span><\/p>\n

    \u00a0 \u00a0 \u00a0 \u00a0 <\/span><meta <\/span>property<\/span>=<\/span>“og:url”<\/span>content<\/span>=<\/span>“https:\/\/learningcenter.premierjones.com\/css-infographic-challenge\/index.html” <\/span>\/><\/span><\/p>\n

    \u00a0 \u00a0 \u00a0 \u00a0 <\/span><meta <\/span>property<\/span>=<\/span>“og:title” <\/span>content<\/span>=<\/span>“Leadership Training Workshop” <\/span>\/><\/span><\/p>\n

    \u00a0 \u00a0 \u00a0 \u00a0 <\/span><meta <\/span>property<\/span>=<\/span>“og:type” <\/span>content<\/span>=<\/span>“website” <\/span>\/><\/span><\/p>\n

    \u00a0<\/span><\/p>\n

    Sources:\u00a0
    <\/span>    Link Preview on Social Media doesn\u2019t update<\/a><\/span>,\u00a0
    How to Change Your Link Preview on Facebook (for Squarespace websites)<\/a><\/span>,
    The Open Graph Protocol<\/a><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t
    <\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Web Programming: Online Learning Course Design<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Lessons:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tCOURSE LISTING CREATED BY CODE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tPOPULATING A PRINTABLE HTML CERTIFICATE WITH USER DATA FROM ARTICULATE STORYLINE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tUSER DATA TO A PRINTABLE HTML CERTIFICATE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    This is a series of microlearning lessons.\u00a0 These are short lessons intended to help learners build skills and accomplish tasks in the shortest time possible.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t
    <\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    Web Programming: xAPI for Collecting User Data<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tPassing H5P xAPI Activity to LRS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\txAPI Poll for Question Status<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\txAPI Data Query by User Activity<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    PASSING H5P xAPI ACTIVITY TO VERACITY LRS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t
    <\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
    \n\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\"Picture\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t

    \n\t\t\t\t\t\t\tFelicia Littlejohn, Ph.D.\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\tFelicia Littlejohn, Ph.D., M.Ed., MBA, PCC is a Learning and Development (L&D) professional, executive and leadership coach, and former commercial business leader who empowers others to achieve their goals. \u00a0Her work in leadership development, coaching, and strategy consulting has helped businesses, teams, and professionals to upskill, cultivate leadership potential, enhance performance, and overcome growth hurdles. Felicia is an ICF Certified Professional Coach (ACC) who holds a Ph.D. in Engineering, an M.B.A. in Marketing, and an M.Ed. in Instructional Design.\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

    Web Programming The sampling of courses below show a variety of courses including courses developed for self-led eLearning (in Articulate Storyline), instructor-led […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":966,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-4071","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/premierjones.com\/felicia\/wp-json\/wp\/v2\/pages\/4071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/premierjones.com\/felicia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/premierjones.com\/felicia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/premierjones.com\/felicia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/premierjones.com\/felicia\/wp-json\/wp\/v2\/comments?post=4071"}],"version-history":[{"count":0,"href":"https:\/\/premierjones.com\/felicia\/wp-json\/wp\/v2\/pages\/4071\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/premierjones.com\/felicia\/wp-json\/wp\/v2\/pages\/966"}],"wp:attachment":[{"href":"https:\/\/premierjones.com\/felicia\/wp-json\/wp\/v2\/media?parent=4071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}