<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Anthony E. Alvarez</title>
    <description>The latest articles on DEV Community by Anthony E. Alvarez (@anthonyalvarez).</description>
    <link>https://dev.to/anthonyalvarez</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F741113%2Fd99f95fa-4493-42cd-9455-56edfeecd412.png</url>
      <title>DEV Community: Anthony E. Alvarez</title>
      <link>https://dev.to/anthonyalvarez</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/anthonyalvarez"/>
    <language>en</language>
    <item>
      <title>YouTube Transcriber Bookmarklet</title>
      <dc:creator>Anthony E. Alvarez</dc:creator>
      <pubDate>Wed, 09 Mar 2022 03:45:27 +0000</pubDate>
      <link>https://dev.to/anthonyalvarez/youtube-transcriber-bookmarklet-5di1</link>
      <guid>https://dev.to/anthonyalvarez/youtube-transcriber-bookmarklet-5di1</guid>
      <description>&lt;h1&gt;
  
  
  YTCaption - YouTube Transcriber Bookmarklet
&lt;/h1&gt;

&lt;p&gt;Reasons You Will Love YTCaption:&lt;/p&gt;

&lt;p&gt;--&amp;gt; Scan the transcript&lt;br&gt;
--&amp;gt; It's finally readable&lt;br&gt;
--&amp;gt; Consume YouTube videos twice as fast!&lt;br&gt;
--&amp;gt; Watch and read so you don't miss anything&lt;/p&gt;

&lt;p&gt;Use this with your Personal Knowledge Management (PKM) system to extract  content from a YouTube video. Put your atomic notes in a Zettelkasten vault inside Obsidian. Create smart notes from YouTube videos quickly and easily. &lt;/p&gt;

&lt;p&gt;YTCaption was created because there are so many amazing 20 minute to 2 hours videos that we do not have the time to watch. &lt;/p&gt;

&lt;p&gt;So this is the perfect tool to keep on top of all your favourite YouTube Podcasts. &lt;/p&gt;

&lt;p&gt;You won't be believe how useful it is!&lt;/p&gt;

&lt;p&gt;Why sit through the whole entire video just to see what the person is going to be talking about when YTCaption can give you a full YouTube transcript? Wouldn't that be nice? &lt;/p&gt;

&lt;p&gt;Load up any YouTube video and just see the script for the video right there.&lt;/p&gt;

&lt;p&gt;This is an easy project to follow along with if you want to build your own. &lt;/p&gt;

&lt;p&gt;This repo uses &lt;a href="https://github.com/features/actions"&gt;GitHub Actions&lt;/a&gt; with Azure for Continuous Integration and delivery (CI/CD). &lt;/p&gt;

&lt;p&gt;GitHub Actions allow web developers to automatically test code that is pushed to the repository automatically. It helps web developers be more efficient.&lt;/p&gt;

&lt;p&gt;This project is designed to help other web developers learn how to use GitHub Actions.&lt;/p&gt;

&lt;p&gt;This repo was made for the &lt;a href="https://dev.to/devteam/hack-the-microsoft-azure-trial-on-dev-2ne5"&gt;2022 Microsoft Azure Trial Hackathon on DEV!&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  How To Use this repo
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Visit the &lt;a href="https://ytcaption.azurewebsites.net"&gt;website&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Select the button and drag to the bookmark bar of your web browser.&lt;/li&gt;
&lt;li&gt;Open a YouTube video that has captions.&lt;/li&gt;
&lt;li&gt;Press the bookmarklet to run this script&lt;/li&gt;
&lt;li&gt;To repeat process, go to next YouTube video &lt;/li&gt;
&lt;li&gt;Refresh the webpage using keystroke "Ctrl or Cmmd + R" &lt;/li&gt;
&lt;li&gt;Press the bookmarklet to run this script&lt;/li&gt;
&lt;/ol&gt;
&lt;h3&gt;
  
  
  Submission Category:
&lt;/h3&gt;

&lt;p&gt;My PHP web app belongs in the App Service category. PHP 8 is used in the project. &lt;/p&gt;
&lt;h3&gt;
  
  
  Link to Code on GitHub
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://ytcaption.azurewebsites.net/"&gt;Code&lt;/a&gt;&lt;/p&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/anthonyalvarez"&gt;
        anthonyalvarez
      &lt;/a&gt; / &lt;a href="https://github.com/anthonyalvarez/ytcaption"&gt;
        ytcaption
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      YTCaption or YouTube Transcription was created because there are so many amazing 20 minute to 2 hours videos that we do not have the time to watch.   So this is the perfect tool to keep on top of all your favorite YouTube Podcasts.   You won't believe how useful it is!
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer" href="https://github.com/anthonyalvarez/ytcaption/img/Readme-banner.png"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--W3a8PuQS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/anthonyalvarez/ytcaption/img/Readme-banner.png" alt="YTCaption"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
YTCaption - YouTube Transcriber Bookmarklet&lt;/h1&gt;
&lt;p&gt;Reasons You Will Love YTCaption:&lt;/p&gt;
&lt;p&gt;--&amp;gt; Scan the transcript
--&amp;gt; It's finally readable
--&amp;gt; Consume YouTube videos twice as fast
--&amp;gt; Watch and read so you don't miss anything&lt;/p&gt;
&lt;p&gt;Use this with your Personal Knowledge Management (PKM) system to extract  content from a YouTube video. Put your atomic notes in a Zettelkasten vault inside Obsidian. Create smart notes from YouTube videos quickly and easily.&lt;/p&gt;
&lt;p&gt;YTCaption was created because there are so many amazing 20 minute to 2 hours videos that we do not have the time to watch.&lt;/p&gt;
&lt;p&gt;So this is the perfect tool to keep on top of all your favourite YouTube Podcasts.&lt;/p&gt;
&lt;p&gt;You won't be believe how useful it is!&lt;/p&gt;
&lt;p&gt;Why sit through the whole entire video just to see what the person is going to be talking about when YTCaption can give you a full YouTube transcript? Wouldn't that be nice?&lt;/p&gt;
&lt;p&gt;Load…&lt;/p&gt;
&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/anthonyalvarez/ytcaption"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


</description>
      <category>azuretrialhack</category>
      <category>php</category>
      <category>opensource</category>
      <category>beginners</category>
    </item>
    <item>
      <title>GitHub Actions for Website project Automation</title>
      <dc:creator>Anthony E. Alvarez</dc:creator>
      <pubDate>Thu, 09 Dec 2021 05:07:00 +0000</pubDate>
      <link>https://dev.to/anthonyalvarez/github-actions-for-website-project-automation-24d3</link>
      <guid>https://dev.to/anthonyalvarez/github-actions-for-website-project-automation-24d3</guid>
      <description>&lt;h2&gt;
  
  
  About
&lt;/h2&gt;

&lt;p&gt;The purpose of this repo is to help web developers to get started with GitHub Actions. The goal is to make the job of web developers easier and more efficient. This repo is a collection of GitHub Action workflows that are useful for any web development project. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/features/actions"&gt;Learn more about GitHub Actions&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;GitHub Actions allow web developers to automatically test code that is pushed to the repository automatically. It helps web developers be more efficient.&lt;/p&gt;

&lt;p&gt;My project is designed to help other web developers learn how to use GitHub Actions. &lt;/p&gt;

&lt;h3&gt;
  
  
  My Workflow
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://github.com/anthonyalvarez/github-actions-for-website/blob/main/.github/workflows/main.yml"&gt;Please copy the main.yml file&lt;/a&gt; and create the appropriate GitHub Secrets in your own repository to discover how useful GitHub Action can be in your website development project. Good luck!&lt;/p&gt;

&lt;p&gt;GitHub Secrets required for this workflow.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;FTP username&lt;/li&gt;
&lt;li&gt;FTP password&lt;/li&gt;
&lt;li&gt;FTP remote path&lt;/li&gt;
&lt;li&gt;FTP server&lt;/li&gt;
&lt;li&gt;website URL &lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Submission Category:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;DIY Deployments &lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Yaml File or Link to Code
&lt;/h3&gt;

&lt;p&gt;Each workflow is listed as a separate job &lt;a href="https://github.com/anthonyalvarez/github-actions-for-website/blob/main/.github/workflows/main.yml"&gt;in a single YAML file&lt;/a&gt; for simplicity and ease of use. &lt;/p&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/anthonyalvarez"&gt;
        anthonyalvarez
      &lt;/a&gt; / &lt;a href="https://github.com/anthonyalvarez/github-actions-for-website"&gt;
        github-actions-for-website
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      This repository is a collection of GitHub Action workflows useful for any web development project. Each workflow is listed as a separate job in a single file YAML for simplicity and ease of use. The goal is to make the job of web developers easier and more efficient.  The purpose of this repo is to help web developers to get started with GitHub Actions. 
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;&lt;a rel="noopener noreferrer" href="https://camo.githubusercontent.com/4c56317b1578d1ed6524822172aeea215ccaf05070ac8c6e75522b4baeaeb1c8/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f70726163746963616c6465762f696d6167652f66657463682f732d2d305a4353366758772d2d2f635f696d616767615f7363616c652c665f6175746f2c666c5f70726f67726573736976652c685f3432302c715f6175746f2c775f313030302f68747470733a2f2f6465762d746f2d75706c6f6164732e73332e616d617a6f6e6177732e636f6d2f75706c6f6164732f61727469636c65732f376a393967616e6138696c32376436746c7572672e6a7067"&gt;&lt;img src="https://camo.githubusercontent.com/4c56317b1578d1ed6524822172aeea215ccaf05070ac8c6e75522b4baeaeb1c8/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f70726163746963616c6465762f696d6167652f66657463682f732d2d305a4353366758772d2d2f635f696d616767615f7363616c652c665f6175746f2c666c5f70726f67726573736976652c685f3432302c715f6175746f2c775f313030302f68747470733a2f2f6465762d746f2d75706c6f6164732e73332e616d617a6f6e6177732e636f6d2f75706c6f6164732f61727469636c65732f376a393967616e6138696c32376436746c7572672e6a7067" alt="GitHub Actions for Website project Automation"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;
GitHub Actions for Website project Automation&lt;/h1&gt;
&lt;p&gt;The purpose of this repo is to help web developers to get started with GitHub Actions. The goal is to make the job of web developers easier and more efficient. This repo is a collection of GitHub Action workflows that are useful for any web development project.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://github.com/features/actions"&gt;Learn more about GitHub Actions&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;GitHub Actions allow web developers to automatically test code that is pushed to the repository automatically. It helps web developers be more efficient.&lt;/p&gt;
&lt;p&gt;This project is designed to help other web developers learn how to use GitHub Actions.&lt;/p&gt;
&lt;h2&gt;
How To Use&lt;/h2&gt;
&lt;p&gt;Please copy the main.yml file and create the appropriate GitHub Secrets in your own repository to discover how useful GitHub Action can be in your website development project. Good luck!&lt;/p&gt;
&lt;p&gt;GitHub Secrets required for this workflow.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;FTP username&lt;/li&gt;
&lt;li&gt;FTP password&lt;/li&gt;
&lt;li&gt;FTP remote path&lt;/li&gt;
&lt;li&gt;FTP server&lt;/li&gt;
&lt;li&gt;website URL&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;
Actions used in this&lt;/h2&gt;…&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/anthonyalvarez/github-actions-for-website"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;h3&gt;
  
  
  Additional Resources / Info
&lt;/h3&gt;

&lt;p&gt;Using this opportunity to use learn Git Flow and GitHub Actions. This is my first attempt at using both. &lt;/p&gt;

&lt;p&gt;Started this journey with free training from GitHub labs, the &lt;a href="https://lab.github.com/githubtraining/github-actions:-hello-world"&gt;Hello World project&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;List of GitHub Actions used in my repository. All of these came from the &lt;a href="https://github.com/marketplace?category=&amp;amp;query=&amp;amp;type=actions&amp;amp;verification="&gt;GitHub Action Marketplace&lt;/a&gt;. &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://lab.github.com/githubtraining/github-actions:-hello-world"&gt;Hello World&lt;/a&gt; &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://github.com/marketplace/actions/screenshot-website"&gt;screenshot-website&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://github.com/marketplace/actions/website-healthcheck"&gt;Website healthcheck&lt;/a&gt; &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://github.com/marketplace/actions/lighthouse-ci-action"&gt;Lighthouse CI Action&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://github.com/marketplace/actions/page-speed-insights"&gt;Page Speed Insights CI Action&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://github.com/marketplace/actions/send-email"&gt;Send email&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://github.com/marketplace/actions/lighthouse-ci-action"&gt;Lighthouse CI Action&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://github.com/marketplace/actions/send-push-notification"&gt;Send Push Notification&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;a href="https://github.com/marketplace/actions/ftp-deploy"&gt;FTP Deploy&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Best regards from New York City!&lt;br&gt;
Thanks for looking.&lt;/p&gt;

</description>
      <category>actionshackathon21</category>
    </item>
  </channel>
</rss>
