Skip to content

Commit 9bc2b2f

Browse files
+Update: Ai section => latest options
+Improve: Docs
1 parent 143cf8c commit 9bc2b2f

File tree

1 file changed

+56
-46
lines changed

1 file changed

+56
-46
lines changed

README.md

Lines changed: 56 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -69,13 +69,13 @@ Therefore If you're not forced or bound by a legacy eco-system or specific rules
6969

7070
## Target Platforms
7171

72-
[Native SDK]() `Android, iOS, embeded runtimes... if targeting specific device abilities or inclusive native functions of an embeded device, phones or a VR headset.`
72+
[Native SDK]() `Android, iOS, embeded runtimes.. if targeting specific device abilities or inclusive native functions of an embeded device, phones or a VR headset.`
7373

7474
[Web]() `if the development target is general, multi-platform, web/communication based, and not limited by vendor lock-in, then use the web platform, which has most use cases, most open and is cross-platform. It covers all platforms client, server, browser, mobile devices, cloud and desktop.`
7575

76-
[System]() `in case lower level control/privacy/system access is required, or direct Hardware/OS access and high performance at scale, then a server/workstation system/s plus a custom software stack (low/mid level programming languages, SDK, runtimes...) is more suitable.`
76+
[System]() `in case lower level control/privacy/system access is required, or direct Hardware/OS access and high performance at scale, then a server/workstation system/s plus a custom software stack (low/mid level programming languages, SDK, runtimes..) is more suitable.`
7777

78-
[Cloud]() `A complete or custom system solution on web/network. You subscribe to a managed virtual system, in different levels from VPS, API, Host... much features, managed/maintained. All pros, only cons: no physical control/access/privacy(unless self hosted)`
78+
[Cloud]() `A complete or custom system solution on web/network. You subscribe to a managed virtual system, in different levels from VPS, API, Host.. much features, managed/maintained. All pros, only cons: no physical control/access/privacy(unless self hosted)`
7979

8080
### `Learning tips`
8181
- Being a Dev is not easy, takes time, effort, practice and experience to gain practical skills, much to cover.
@@ -93,46 +93,56 @@ Therefore If you're not forced or bound by a legacy eco-system or specific rules
9393
## [AI](#ai)
9494

9595
### General
96-
- [Chat/Prompt](): Online: `Groq` - `ChatGPT` - `Gemini` - Local Apps: `chat with RTX` - `Jan`.
97-
- [Platform / API](): `Nvidia NIM`, `Copilot(api/free/hybrid)`, `OpenAI api`, `Google`, `x.ai`
96+
- [Prompt/Cloud](): `Open AI chatGPT` - `Google Gemini` - `Groq`
97+
- [Prompt/Local](): `native device` - `chat with RTX` - `Jan` `Ollama`
98+
- [Platform / API](): `Nvidia NIM`, `Claude`, `OpenAI`, `Google`, `x.ai`
9899
- [Inference Providers](): `Fireworks (best value)` - `Together.Ai` - `Replicate` - `OctoAI`
99-
- [Browser/Runtime (client/local)](): `Web LLM` _ `Web-AI` _ `MLC-LLM` _ `Jan/Nitro`
100-
- [AI Strategy Model HL](): `First local` `Specialization` `Agents Orchestration` > `Unify/Re-iterate cycles`
100+
- [Browser/Runtime (client/local)](): `Ollama` - `Web LLM` - `Web-AI` - `MLC-LLM` - `Jan/Nitro`
101+
- [Docs / Github Repo / Research](https://github.com/codefuse-ai/Awesome-Code-LLM) (<-open link) codefuse-ai/Awesome-Code-LLM
102+
- [AI Strategy Model HL](): `Local First` `Specializing` `Agents Orchestration` > `Unify/Re-iterate cycles`
101103
- [AI Strategy Process LL](): `in-context learning` > `fine-tuning EiF` > `Map categories` > `Rag cycle` > `objective structure` `solution/Output`
102104
<br>
103105

104-
### LLM models
105-
- [Top Ranked](): , `Gemini-exp`, `Llama-3.x-instruct`, `Claude-3.5-Opus`, `GPT4-o-next`, `Grok`
106-
- [Full Opensource](): `Phi4` _ `Mixtral MoE` _ `Command R+` _ `DBRX`.
107-
- [Run Locally](): Free+Local+Server: `Github Copilot` _ Mobile: `Phi4-mini - Qwen 2.5 (sm)`
108-
- [Run Locally](): Desktop: `Qwen new` - Phi-4-medium` - `Llama-3.2-8B instruct`.
109-
- [Vision/LM](): `PaliGemma` combined visual+text LLM + can fine-tune well for specific use-case.
106+
### LLM - AI models
107+
- [Top Rank](): `Gemini-2.x/exp`, `GPT4-o4-x`, `Claude-3.5-Opus`, `Llama-3.2-instruct`
108+
- [Full Opensource](): `Phi4` -- `Mixtral MoE` -- `Command R+` -- `DBRX`
109+
- [Local Run](): Desktop: `Qwen 2.5(md/lg)` - `Phi-4(md)` - `Llama-3.2-8B instruct`
110+
- [Local Run](): Mobile: `Phi-4 (sm)` - `Qwen 2.5 (xs,sm)`
111+
- [Vision/LM](): `PaliGemma` combined visual & text LLM - fine-tunes well in specific use-cases
110112

111-
<sub> * `AGI`(Artificial General Intelligence) .... `MoE`(Mixture of Experts) </sub>
113+
### Dev Environments
114+
[Hybrid Local](): VS-Code + `Github Copilot` - Pros: `Free` + `Local` + `Cloud`
115+
[Cloud Environment](): `Gitpod` - `stackblitz` - dev > build > deploy/container/integration
116+
[AI Hybrid IDE](): Cursor: `extras` - `better results` -- Windsurf: `Simpler defaults`
117+
118+
<sub> * `AGI`(Artificial General Intelligence) -- `MoE`(Mixture of Experts) </sub>
112119
<br>
113120

114-
### Tools, Audio, Video...
115-
- [Autonomous Agents]() _ `long-term mem`: [MemGPT]() - [CrewAI]() _ `+toolchain`: [Langchain]() - `AutoGPT`
116-
- [Audio](): text to music: `Udio` _ TTS: `Parler TTS` `PlayHT` `ElevenLabs` -- speech to text: `Deepgram`
117-
- [Image](): `DALL-E`, `Stable Diffusion`, `Imagen` - APP-(user): `MidJourney`, `FreePik`, `Adobe Firefly`
118-
- [Video creation](): `Veo2` - `Sora` - `Mochi(local)` -- [Visual input](): `Grok vision`
119-
- [Code assist](): `Github Copilot (free)` - `Qwen 2.5 (local model)` -- `Claude Chat/API (paid)`
120-
- [Code assist](): open-source: `Open Devin` - `Devika` -- interact on websites: `GPT Crawler`
121-
- [Dev Assist](): - `Github Copilot (free)` - Local AI Hub: `Ollama UI` `LM-studio` `Jan`
121+
### Tools, Audio, Video
122+
123+
[Autonomous Agents](): long-term mem`: [MemGPT]() - [CrewAI]() -- `toolchain`: [Langchain]() - `AutoGPT`
124+
[Science/Research]() _ use `NotebookLM` + `Gemini 2.x exp` + speciality tools/models
125+
[Audio](): text to music: `Udio` _ TTS: `Parler TTS` `PlayHT` `ElevenLabs` -- speech to text: `Deepgram`
126+
[Image](): `DALL-E`, `Stable Diffusion`, `Imagen` - APP-(user): `MidJourney`, `FreePik`, `Adobe Firefly`
127+
[Video creation](): `Veo2` - `Sora` - `Mochi(local)`
128+
[Visual input](): `Grok vision` -- `Amazon Rekognition`
129+
[Code assist](): `AI IDEs` - `Github Copilot` - `Ollama` + `Qwen2.x LLM`
130+
[Dev assist](): Ready/Custom made `Agents` workflow - `Open Devin` - `Devika`
131+
[Dev Tools](): Local Hub: `Ollama UI` `LM-studio` `Jan` - interact with websites: `GPT Crawler`
122132
<br>
123133

124-
Best youtube AI Channels - <sub> *`links to YT`* </sub>
125-
` Concept ` - [bycloud](https://www.youtube.com/@bycloudAI)
126-
` Tutorial/Practical ` - [Ai Jason](https://www.youtube.com/@AIJasonZ/videos)
127-
`News/Info: ` [Matthew Berman](https://www.youtube.com/@matthew_berman/featured)
128-
` Research/Scientific `
134+
### Best youtube AI Channels - <sub> *`links to Youtube`* </sub>
135+
` Concept/Reserch` - [bycloud](https://www.youtube.com/@bycloudAI)
136+
` Tutorial/Practical ` -- [Ai Jason](https://www.youtube.com/@AIJasonZ/videos)
137+
` News/Info/General` -- [Matthew Berman](https://www.youtube.com/@matthew_berman/featured)
138+
` Research/Scientific` -- [Code your own AI](https://www.youtube.com/@code4AI/videos)
129139
<br>
130140

131141
![InkedAI-Srvc11](https://github.com/user-attachments/assets/32b1a202-f94a-4eab-bdd7-5462ea415e27)
132142

133143

134144
##### `About ` [Different AI generations](#about-ai---generations) >>
135-
##### *[Check AI Awesome list for more AI info/tools/applications, more details.](https://gist.github.com/Peyman-Borhani/57c3dd9ec0754c68d1dda3698b00f760)* >> (...needs update)
145+
##### *[AI Awesome list Gist - more info/tools/applications](https://gist.github.com/Peyman-Borhani/57c3dd9ec0754c68d1dda3698b00f760)* >> (Archived/Out-dated)
136146

137147
[_^_](#shortcuts-)
138148

@@ -144,7 +154,7 @@ Best youtube AI Channels - <sub> *`links to YT`* </sub>
144154
- **`Mobile`**: [Web based:]() (multi-platform) Tauri, Socket - Capacitor [Native:]() device SDK(only if required)
145155
- **`Desktop`**: Tauri (Web App), Deno executable(Web/CLI).
146156
- **`Front-end`**: Svelte(best overall, best DX) - Vue(past populary, jobs) - Solid(React replacement).
147-
- **`Back-end`**: JS runtime-> Deno, Node.js/Bun - or specific platform, services, programming languages...
157+
- **`Back-end`**: JS runtime-> Deno, Node.js/Bun - or specific platform, services, programming languages..
148158
- **`Full-stack`**: Svelte-kit (true fullstack) - Astro(many frameworks) - Next/Nuxt (popular backends)
149159
- **`Crossplatform`**: Tauri(desktop, mobile, Rust functions) - Socket runtime (desktop, mobile, P2P data)
150160
- **`Programming Languages`**: JS, Zig, Rust, Go, Elixir, Mojo, all based on use-case: client/server, AI, Mobile. [(..more)>>]()
@@ -165,12 +175,12 @@ Best youtube AI Channels - <sub> *`links to YT`* </sub>
165175
- reduced text instructions (+readability)
166176
- more uniform design model in teams. (mostly for junior devs)
167177
- faster development and prototyping. (mostly on abstract components)
168-
- tooling automation, pre/post processing...
178+
- tooling automation, pre/post processing..
169179

170180
### [UI categories](#ui-categories)
171181

172182
- **`CSS utility frameworks`**
173-
-`UnoCSS`: use presets of tailwind, DaisyUI, etc... it compiles to to standard CSS.
183+
-`UnoCSS`: use presets of tailwind, DaisyUI, etc.. it compiles to to standard CSS.
174184
-`Lightening CSS`: tool for short codes, presets, functions, optimizing, speed, minifier.
175185
- **`Headless/Structure`** (you do custom style): headless ui, Melt UI, Bits UI (Svelte)
176186
- **`Tailwind`**: short-code classes, has pro/cons, yet from v3.4 is good to use in right way.
@@ -198,7 +208,7 @@ Best youtube AI Channels - <sub> *`links to YT`* </sub>
198208
- `Cloudflare`: most professional option, reliable, advanced network system and services.
199209
- `Hosting clouds`: used to host site/app, but now offer many cloud functions/solutions Ex: Vercel or Netlify
200210
- `Enterprise`: (more features+scale - extra cloud functions/services)
201-
> 1. Amazon AWS .... 2. Azure (Microsoft) .... 3. Google/Firebase
211+
> 1. Amazon AWS -- 2. Azure (Microsoft) -- 3. Google/Firebase
202212
203213
- #### [`Alternatives`](#alternatives):
204214
- `Cloud`: Vercel, Supabase - `CMS`: Prismic, Builder.io
@@ -231,7 +241,7 @@ Best youtube AI Channels - <sub> *`links to YT`* </sub>
231241

232242
### [API / Communication patterns](#api):
233243

234-
- `REST `: a client request data/information... from a server, which responds with state+data.
244+
- `REST `: a client request data/information.. from a server, which responds with state+data.
235245
- `GraphQL`. similar to rest but query a specific set of data, by relation/s, only effective if correctly queried(not less, not more).
236246
- `gRPC / tRPC` . binary data, prioritise performance, volume, and security. next generation of protobuffers.
237247
- `WebSocket` For real time, low latency applications.
@@ -250,16 +260,16 @@ Best youtube AI Channels - <sub> *`links to YT`* </sub>
250260
### High level
251261
- **platform based**: `All: Web/JS`, `AI: Python, JS (APIs)`, `Mac/IOS: Swift`.
252262
- **other good langs**: `Elixir`, `Haskel`, `C++`, `C#`, `Bend`.
253-
- **`Bend`**: Parallel processing computation. Use CPU/GPU cores **WITHOUT** specific/low-level methods (Cuda, Metal...)
263+
- **`Bend`**: Parallel processing computation. Use CPU/GPU cores **WITHOUT** specific/low-level methods (Cuda, Metal..)
254264

255265
### Type Safety
256266
- `Typescript`: Not a language, a superset over JS - a type system for JS - compiles to JS.
257267
- `Valibot`: schema library for validating structural data. also on runtime and integration point.
258-
- `...note`: type safety feature is effective in specific points/use-case, not in general usage. <details> <summary>`...more on type safety and typescript`: </summary> Majority misunderstand TS for safety, security and a language by itself, while it mostly impacts development cycle. For product is only effective if is implemented at runtime and integration validation points. Therefore use Typescript/typesafety layer only when the usecase is valid, or required. such as immutable restricted and custom defined data structures. `Ex`: database schemas, configuration, authentication...
268+
- `..note`: type safety feature is effective in specific points/use-case, not in general usage. <details> <summary>`..more on type safety and typescript`: </summary> Majority misunderstand TS for safety, security and a language by itself, while it mostly impacts development cycle. For product is only effective if is implemented at runtime and integration validation points. Therefore use Typescript/typesafety layer only when the usecase is valid, or required. such as immutable restricted and custom defined data structures. `Ex`: database schemas, configuration, authentication..
259269
`Practical usage`: In large teams - random/changing/careless developers drop into codebase.
260-
When type restrictions is thrown at different developers, they pre-encounter potential issues/errors, which forces them to follow type integrity on IO, and other careless mistakes (in algorithms, process...) before merging or deliver their work. This ensures all follow same guidelines and patterns, getting defined results even if they're unable to visualise/understand the App structure or intentions.
270+
When type restrictions is thrown at different developers, they pre-encounter potential issues/errors, which forces them to follow type integrity on IO, and other careless mistakes (in algorithms, process..) before merging or deliver their work. This ensures all follow same guidelines and patterns, getting defined results even if they're unable to visualise/understand the App structure or intentions.
261271

262-
The Cons: Only runs in dev time, and is removed in production. A solo dev or small team of pros don't need this... a codebase becomes more complex to read/visualize... Only good TS devs can understand whats happening, for others is more confusing, they just follow...
272+
The Cons: Only runs in dev time, and is removed in production. A solo dev or small team of pros don't need this.. a codebase becomes more complex to read/visualize.. Only good TS devs can understand whats happening, for others is more confusing, they just follow..
263273

264274
Therefore it cost more time, resources and efficiency. It's simpler and more efficient to use a validation system such as `Valibot`, at critical or specific points, can use it in JS too, and in runtime.
265275
</details>
@@ -273,11 +283,11 @@ Therefore it cost more time, resources and efficiency. It's simpler and more eff
273283
- **`Static Site Generator`**: Astro(all), Hugo(go), Hexo(js), Next(react), Nuxt(vue), MkDocs(py)
274284
- **`Content Management System`**: Primo(svelte), Strapi, Ghost, Netlify CMS, Apostrophe, Factor(vue).
275285
- **`Audio API`**: Tone.JS(free, all round audio API), Twilio(Call communication, speech).
276-
- **`Dev/Repo` Platforms**: Github, Gitlab, Gitea (self-host), Stackblitz, Notion, Collab...
277-
- **`Dev tools`**: CLI tools(GIT, bash, npm...), vite(bundler), vs-code + extensions, emmet...
286+
- **`Dev/Repo` Platforms**: Github, Gitlab, Gitea (self-host), Stackblitz, Notion, Collab..
287+
- **`Dev tools`**: CLI tools(GIT, bash, pnpm), vite(bundler), vs-code + extensions, emmet..
278288
- **`Kubernetes`**: Fault Taulerant application containers to manage scale, monitor, resources.
279289
- **Photo/Image**: format -> `Avif`, compress/encode-> `Avif encoder (best from: AOM, lovell, rav1)`
280-
- Libs: `Sharp`, `lib-vips`, `lib-heif`, `ImageMagic (good as online tool/ or cloud usage...)`
290+
- Libs: `Sharp`, `lib-vips`, `lib-heif`, `ImageMagic (good as online tool/ or cloud usage..)`
281291

282292
[_^_](#shortcuts-)
283293
***
@@ -345,25 +355,25 @@ Therefore it cost more time, resources and efficiency. It's simpler and more eff
345355
<br>
346356

347357
## **Web Development - about definitions**
348-
- `Front-end`: Dev/Design of client side web app/site, dev/Design. HTML5, CSS, JavaScript, PWA, frameworks, Web assembly...
358+
- `Front-end`: Dev/Design of client side web app/site, dev/Design. HTML5, CSS, JavaScript, PWA, frameworks, Web assembly..
349359
- `Back-end`: processing/data on server network, host/cloud, centralized or distributed. SSR(Server Side Rendering).
350360
- `DevOps`: manage and process dev/product ecosystem. analytics, control, automation on Local, remote, distributed systems
351361
- `Cloud`: online server platforms, you can subscribe to services: process, storage, resources, ready made functions.
352-
- `Cloud services`: when you don't have a scalable server/resources. 2- require API/Apps/services from amazon, google,...
362+
- `Cloud services`: when you don't have a scalable server/resources. 2- require API/Apps/services from amazon, google..
353363
- `Developer Experience`: (DX) satisfaction rate of developer, plus how empowering, practical, direct, and unambiguous it be.
354364
- `Correct development method` ⇒ simplify, reuse, secure, update, avoid complex dependencies/overhead.
355365
- `Software Engineering`: use engineering principles and process-methods to approach the issue/task.
356366
- `Solution Architect`: a senior lead/engineer that evalutes an idea/goal/issue, then design, document and execute a structured plan while making many considerations.
357-
> A solution architect has some business insight/strategy and various technical knowledge/experience, using engineering principles, analytics,... design-pattern-process-methodology and some research experience.
367+
> A solution architect has some business insight/strategy and various technical knowledge/experience, using engineering principles, analytics.. design-pattern-process-methodology and some research experience.
358368
359369
[_^_](#shortcuts-)
370+
360371
***
361372

362-
363373
## **[Web development guideline](web-development-guideline):**
364374
**1. Learn the base web standards** -> (HTML, CSS, Javascript) follow/practice tutorials. Make few apps.(ex: Todo)
365-
**2. New web standards** -> ES6/next, new HTML, new CSS (grid,...) practice/try what you learn.
366-
**3. Update the previous apps you made**, using new things you learned. make a game and a blog site.
375+
**2. New web dev** -> latest updates in JS/ES, HTML, CSS practice well.
376+
**3. Update previous apps you made**, using new things you learned. make a game and a blog site.
367377
**4. Deploy**: learn how to host/deploy your site. Host on cloudflare pages, deno deploy, begin, netlify, github pages,...
368378
**5. Learning decision**: learn extra stuff once is required(predict it). (Ex: DB, AI, specific tools/libs...)
369379
**6. Learn a Framework**: better Dev-eXp & scoping. composable, reusable components, structure and configuration.

0 commit comments

Comments
 (0)