Here you can find resources, tools, extensions and everything else about "Front-End Development".
Helpful / Useful Links | Resources | Tools | Extensions | Jobs/Careers
Challenges / Battle / Q&A / Algorithm
- GitHub Profile README Generator
- GitHub Contributions Chart Generator
- Github Profile README Icon Card Generator
- Github Profile README Skills Icons
- Challenges:
- Battle:
- Question / Answer:
Document Resources | Video Resources | Courses, Trainings and Certificates | Source Research | CheatSheets | Roadmaps | Templates
- Learn Tailwind CSS - Full Course for Beginners [4 Hours] - (CodewithGuillaume)
- Learn Tailwind CSS – Course for Beginners - (freeCodeCamp.org)
- React State Management – Intermediate JavaScript Course - (freeCodeCamp.org)
- Vue.js Course for Beginners [2021 Tutorial] - (freeCodeCamp.org)
- Learn Nuxt 3 - Full Course for Beginners [3 Hours] - (CodewithGuillaume)
- 10 JavaScript Projects in 10 Hours - Coding Challenge - (freeCodeCamp.org)
- Build 15 JavaScript Projects - Vanilla JavaScript Course - (freeCodeCamp.org)
- Build A Calculator With JavaScript Tutorial - (freeCodeCamp.org)
- JavaScript Tutorial - Create a Card Game - (freeCodeCamp.org)
Adem İlter
- HTML+CSS Öğreniyoruz
- Kendi Web Sitemizi Yapalım
- Sıfırdan CSS Eğitim
- İpuçları
- CSS Anlat
- Frontend Araçları
- Next.js öğreniyorum
- Türkçe Sözlük Mobil Uygulaması
- Vue eklentisi nasıl yazılır/paketlenir/npm'e gönderilir
- Tailwind CSS kullanacaklar izlesin
- Tailwind CSS çok mu çirkin!?
- Tailwind: Temel Kavramlar - CSS bilmek şart mı?
- Türkçe Figma Eğitimi
- React ile Twitter Klonu
Fatih Acet
PROTOTURK
Arin Yazilim
Mehmet Pekcan
Kablosuz Kedi
Uğur Coşkun
codingwithdidem
Yazılım Bilimi
PC Uzmanı
Ali Özkan
Abdullah Uğraşkan
-
Course program sites:
-
Training and Certificate program sites:
-
Course and Certificate program sites:
- DevDocs
- Design Resources
- Free JavaScript Resources
- Web Development Resources
- Free for Developers
- Dev Resources
- Public APIs
- HTML-CSS (Web Development Tutorials)
- HTML
- Flexbox
- Grid
- Tailwind CSS
- JavaScript Cheatsheet
- Responsive Web Design
- Git
- Git
- Git
- UntitledUI - (UI kit and design system for Figma)
- DopeUI - (Templates for Figma)
- FreeFigmaTemplates - (Templates for Figma)
- HTMLrev - (Landing page HTML templates)
- HTML5 UP - (Responsive HTML5 and CSS3 Site Templates)
- GrayGrids - (HTML, Bootstrap, Tailwind Templates)
- UIdeck - (HTML Templates, Bootstrap Themes, Tailwind, and React Templates)
Icons | Colors | Fonts | Stock Photos/Images/Videos | CSS Generators | Ready to use (...) | Host | API
- Google Icons
- Hero Icons
- CSS.gg
- ionicons
- Font Awesome
- Bootstrap Icons
- IcoMoon
- Feather Icons
- Line Icons
- Tabler Icons
- Iconoir
- Phosphor
- Remix Icon
- Icon Scout
- Boxicons
- Flaticons
- Simple Icons
- Glyphs Icons
- Bunch Icons
- IconPark
- 147 Colors
- uiGradients
- coolors
- Colorsinspo
- Color Hunt
- colorsandfonts.
- colordesigner
- colorshadowlord/
- Shadowlord - Tints and Shades Colors
-
Glassmorphism Generator
-
Mesh Gradient
-
Background Wave SVG Generator
-
Border Radius Generator
-
Box-Shadow - Gradiend Box-Shadow
-
Grid Generator
- Tailwind UI - (Official Components of Tailwind CSS - By the makers of Tailwind CSS)
- Flowbite - (Components of Tailwind CSS)
- Headless UI - (Components of Tailwind CSS for Vue/React)
- daisyUI - (Components of Tailwind CSS for Vue, React, ...)
- Material Tailwind - (Components Library for Tailwind CSS and Material Design)
- Tailblocks - (Ready-to-use Tailwind CSS Blocks)
- uiverse - (Buttons-Loaders-Checkboxes-Toggle Switches-Inputs-Cards)
- Box-Shadows
- Gradient Buttons
- Buttons
- Collection of CSS Animations
- Animate.css - (CSS Animations Library)
- Popular Layouts and Patterns
- 50 Free SVG Mesh Gradients
- A free collection of 208 SVG Doodles
- The Movie Database
- TVDB - (TV and Movie Databases)
- HTTP Cats
- V-Calander - (on Vue.js)
- Supabase
- Pocket API
- Kuzzle
- Here Developer
- Asana
Browser Extensions | VSCode Extensions
- ColorZilla
- Dimensions
- WhatFont
- Wappalyzer
- WhatRuns
- VisBug
- CSS Peeper
- CSSViewer
- Web Developer
- Window Resizer
- React Developer Tools
- Vue.js devtools
- Lighthouse
- Selectext - Copy text from videos!
- Live Server
- Live Share
- ESLint
- Prettier - Code formatter
- Tailwind CSS IntelliSense
- Tailwind Documentation
- GitLens — Git supercharged
- CSS Peek
- Live Sass Compiler
- Quokka.js
- Console Ninja
- Turbo Console Log
- Markdown Preview Enhanced
- Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more
- ES7+ React/Redux/React-Native snippets
- JavaScript (ES6) code snippets
- Vue Language Features (Volar)
- TypeScript Vue Plugin (Volar)
- Vetur
- Vue VSCode Snippets
- Better Comments
- Color Highlight
- indent-rainbow
- Material Theme
- Material Icon Theme
- Deepdark Material Theme
- Power Mode
- vscode-faker
- CodeSnap
- Twitter: @emr3rden
- Instagram: @emr3rden
- Codepen: @emr3rden
- LinkedIn: @emr3rden
- Website: emr3rden.github.io