diff --git a/_share/media/img/compsci/ai/herk/build_8hr/ch01_e01.png b/_share/media/img/compsci/ai/herk/build_8hr/ch01_e01.png new file mode 100644 index 0000000..9e32d6e Binary files /dev/null and b/_share/media/img/compsci/ai/herk/build_8hr/ch01_e01.png differ diff --git a/_share/media/img/compsci/ai/herk/build_8hr/ch01_e02a.png b/_share/media/img/compsci/ai/herk/build_8hr/ch01_e02a.png new file mode 100644 index 0000000..87a6d05 Binary files /dev/null and b/_share/media/img/compsci/ai/herk/build_8hr/ch01_e02a.png differ diff --git a/_share/media/img/compsci/ai/herk/build_8hr/ch01_e02b.png b/_share/media/img/compsci/ai/herk/build_8hr/ch01_e02b.png new file mode 100644 index 0000000..66dc06f Binary files /dev/null and b/_share/media/img/compsci/ai/herk/build_8hr/ch01_e02b.png differ diff --git a/_share/media/img/compsci/ai/herk/build_8hr/ch01_e02c.png b/_share/media/img/compsci/ai/herk/build_8hr/ch01_e02c.png new file mode 100644 index 0000000..1c0bbc4 Binary files /dev/null and b/_share/media/img/compsci/ai/herk/build_8hr/ch01_e02c.png differ diff --git a/_share/media/sass/herk.sass b/_share/media/sass/herk.sass index da26bf0..040e606 100644 --- a/_share/media/sass/herk.sass +++ b/_share/media/sass/herk.sass @@ -1,93 +1,5 @@ @use "sass:map" @use "sass:color" -@use 'org-media-sass/org-base' as * - -@use 'org-media-sass/themes/desert-oasis' as * -@use 'org-media-sass/fonts' as fonts -@use 'org-media-sass/mixins' as mixins-basic - -@include mixins-basic.set-header-sizes($default-header-sizes) -@include mixins-basic.set-header-colors($default-header-colors) -@include mixins-basic.set-header-margins-sides($default-header-margins-sides) -@include mixins-basic.set-header-margins-vertical($default-header-margins-vertical) - - -/* Base Styles */ -body - font-family: $primary-font - color: $text-color - background-color: $background-color - -/* Link Styles */ -a - color: $anchor-color - - &:hover - color: $anchor-hover-color - -// Lists -ul, ol - padding-left: $list-padding-left - -// Blockquotes -blockquote - border-color: $secondary-color - color: color.adjust($text-color, $lightness: 10%) - font-family: $secondary-font - -// Tables -table - color: $text-color - -th, td - border-color: $table-border-color - -th - background-color: $table-header-bg - color: $text-color - -tr:nth-child(even) - background-color: color.adjust($background-color, $lightness: 5%) - -/* Code Block Styles */ -pre, code - background-color: $code-background-color - color: $code-text-color - - font-family: $secondary-font - -/* Header Styles */ -h1, h2, h3, h4, h5, h6 - font-family: $secondary-font - -h4[id="timestamp"] - text-transform: uppercase - color: color.adjust(map.get($default-header-colors, 'h3'), $lightness: 10%) - -h4[id="playlist"] - color: color.adjust(map.get($default-header-colors, 'h3'), $lightness: -10%) -h3 - a - color: color.adjust($anchor-color, $lightness: -12%) - &:hover - color: color.adjust($anchor-hover-color, $lightness: -12%) - -// Notes -.note - background-color: $note-background-color - border-color: $note-border-color - color: $text-color - -div#postamble - border-color: $note-border-color - color: color.adjust($note-border-color, $lightness: 20%) - -/* Table of Contents Link */ -.toc - color: $primary-color - -div#table-of-contents ul li a - color: $toc-anchor-color - &:hover - color: $toc-anchor-hover-color +@use 'org-media-sass/categories/chill_computer' as * +@use 'org-media-sass/tables' as * diff --git a/build n8n ai agents - 8 hr course/_subsections/lesson-01.org b/build n8n ai agents - 8 hr course/_subsections/lesson-01.org index fdd8c98..5a6f926 100644 --- a/build n8n ai agents - 8 hr course/_subsections/lesson-01.org +++ b/build n8n ai agents - 8 hr course/_subsections/lesson-01.org @@ -1,7 +1,7 @@ #+title: Lesson 01 | Course Agenda -#+HTML_HEAD: -#+HTML_HEAD: -#+HTML_HEAD: +#+HTML_HEAD: +#+HTML_HEAD: +#+HTML_HEAD: * Links #+attr_html: :class links @@ -15,5 +15,125 @@ #+attr_html: :class playlist - [[https://www.youtube.com/watch?v=Ey18PDiaAYI][0:00:00 Course Agenda]] +- [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=103s][0:01:43 AI Agents Simplified]] * Notes +** course agenda +- no need for code +- walk through step by step builds +- 15 builds + +*** course topics +1. ai agents +2. n8n foundations +3. step by step workflows +4. apis & http requests +5. ai agents tools & memory +6. multi agent architecture +7. prompting +8. webhooks +9. mcp servers + - what it is + - hosting setup +10. lessons + +** what are ai agents +- what is it at its core +- what can it do +- why do we need them + +#+caption: what is an ai agent +#+attr_html: :width 600px +[[../../_share/media/img/compsci/ai/herk/build_8hr/ch01_e01.png]] + +*** what it does +- take input +- process input +- get output + +*** how to use it +- send the output to a tool + - gmail + - latex + - anything + +- when we add an LLM to a tool we get + - ai workflow + - ai agent + +*** workflow vs agent +**** ai workflow +#+caption: ai workflow +#+attr_html: :width 600px +[[../../_share/media/img/compsci/ai/herk/build_8hr/ch01_e02a.png]] + +***** pros +- reliability +- cost efficiency +- easier debugging and maintenance +- scalability + +***** what we are doing +- input +- tools to process input +- call the LLM +- tool chain + - process output before final output +- final output + +***** practical example +- hubspot tool + - passes in lead + +- perplexity tool + - does research + +- LLM + - takes research + +- send email + +**** ai agent +#+caption: ai agent +#+attr_html: :width 600px +[[../../_share/media/img/compsci/ai/herk/build_8hr/ch01_e02b.png]] + +***** how it works +- takes input +- has a set of tools at it's disposal +- uses internal logic to decide what to do + +***** disadvantages +- not linear +- expensive + +***** when to use it +- if the task is unpredicatable + +**** anatomy of an ai agent +#+caption: anatomy of an ai agent +#+attr_html: :width 600px +[[../../_share/media/img/compsci/ai/herk/build_8hr/ch01_e02c.png]] + +***** outside features +- input +- LLM +- output + +***** in the agent +- brain + - LLM + - anthropic + - gemini + - memory + - long term + - short term + - it won't forget what we need it to remember + +- instructions + - system prompt + - differnt than input in that it stays the same + - input changes regularly, ie every interaction you have with chatgpt + - what is your role + - what do you do + - this is what you got to work with diff --git a/build n8n ai agents - 8 hr course/_subsections/lesson-02.org b/build n8n ai agents - 8 hr course/_subsections/lesson-02.org new file mode 100644 index 0000000..d32f895 --- /dev/null +++ b/build n8n ai agents - 8 hr course/_subsections/lesson-02.org @@ -0,0 +1,19 @@ +#+title: Lesson 02 | n8n foundations (workflows, variables, etc) +#+HTML_HEAD: +#+HTML_HEAD: +#+HTML_HEAD: + +* Links +#+attr_html: :class links +- [[../toc.org][TOC | Build n8n ai agents 8 hr course]] +- [[https://www.youtube.com/watch?v=Ey18PDiaAYI][Course Video]] + +*** timestamps +:PROPERTIES: +:CUSTOM_ID: timestamp +:END: + +#+attr_html: :class playlist +- [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=725s][0:12:05 n8n Foundations (workflows, variables, JSON)]] + +* Notes diff --git a/build n8n ai agents - 8 hr course/toc.org b/build n8n ai agents - 8 hr course/toc.org index 1f9d582..d478dea 100644 --- a/build n8n ai agents - 8 hr course/toc.org +++ b/build n8n ai agents - 8 hr course/toc.org @@ -10,6 +10,8 @@ - [[https://www.youtube.com/@nateherk][Nate Herk Channel]] - [[https://www.youtube.com/@nateherk/playlists][Playlists]] +Curr: https://youtu.be/Ey18PDiaAYI?si=wXRoyj8JxgBZT92i&t=546 + *** playlist :PROPERTIES: :CUSTOM_ID: playlist @@ -18,7 +20,7 @@ #+attr_html: :class playlist - [[https://www.youtube.com/watch?v=Ey18PDiaAYI][0:00:00 Course Agenda]] - [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=103s][0:01:43 AI Agents Simplified]] -- [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=542s][0:09:02 The Industry Opportunity]] +- [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=542s][0:09:02 The Industry Opportunity]] *current* - [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=725s][0:12:05 n8n Foundations (workflows, variables, JSON)]] - [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=2445s][0:40:45 n8n n8n Data Types]] - [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=2905s][0:48:25 23 Workflow Templates FREE]] @@ -53,4 +55,5 @@ * Contents Overview #+attr_html: :class contents-overview -- [[./_subsections/lesson-01.org][Lesson 01 | Course Agenda]] +- [[./_subsections/lesson-01.org][Lesson 01 | Course Agenda, what is an agent]] +- [[./_subsections/lesson-02.org][Lesson 02 | foundations]]