Справочници, самоучители, курсове, книги

• Online References

  1. w3schoolsсправочници + самоучители за повечето съвременни Уеб Технологии.
  2. Mozilla Web technology for developersизключително пълни и същевременно сбито представени справочници от Mozilla.

• Online Tutorials

  1. Learn to Code HTML & CSSдобре структурирани и представени уроци, обособени в два раздела: Beginners и Advanced.Съдържанието почти отговаря на книгата: "Learn to Code HTML & CSS the Book" от същия автор.
  2. TutorialRepublic - Learn the essentials of web development and build your own website.пълни, добре обяснени (с примери), тематично подредени справочници.
  3. TutorialsPoint - Web Tutorialsподобен на горния, но обхващащ повече теми свързани с Уеб програмиране.

• Online Courses

  1. coursera.org - безплатни (без сертификата) курсове от водещи университети
  2. Introduction to JavaScript @freecodecamp.org

• youtube channels

  1. (Просто потърсете и използвайте филтрите в Youtube, например така: Front End tutorial beginner.)
  2. Traversy Media features online web development and programming tutorials for all of the latest web technologies from the building blocks of HTML, CSS & JavaScript to frontend frameworks like React and Vue to backend technologies like Node.js, Python and PHP
  3. LearnCode.academy100% FREE Web Development tutorials, web site design tutorials and more. Including, but not limited to:HTML, CSS, JavaScript, CSS Layouts, Responsive Design, React.js, Node.js, Angular.js, Docker, Dev Ops, Server Administration, Deployment Strategies.

• Free programming books

  1. You Don't Know JS (book series)Култова поредица! Едни от най-подробните, задълбочени и точни материали в областта.
  2. JS Books-The best free JavaScript resourcesкаталог с безплатни книги, който се ъпдейтва непрекъснато. Може да сортирате по категории (beginner, advanced)

WebDev Tools

• Code validators

  1. HTML validatorHTML (и не само) валидатор на W3C.
  2. CSS validatorCSS валидатор от W3C.

• Browsers support

  1. caniuse.comбързо и лесно можете да проверите какво от HTML/CSS/JS се поддържа от различните браузъри.

• Online CSS tools

  1. The ultimate CSS tools for web designers
  2. EnjoyCSS: Online CSS3 Code Generator With a Simple Graphical Interface

• Colour pallets generators

  1. coolors.coThe super fast color schemes generator!
  2. colourlovers.comCOLOURlovers: Color Trends + Palettes

WebSite mock-up/wireframing/sketching tools

• Online

  • Figma is for people to create, share, and test designs for websites, mobile apps, and other digital products and experiences
  • Draw.ioOpen Source drawing tools. Provides components for Flowcharts, wireframes, mockups, UML, network diagrams, and more
  • NinjaMockcreate & share wireframe designs for Mobile and Web.

Свободни за използване ресурси

• CC Search - Creative Commonsпортал за търсене, който предлага удобен интерфейс към Google, Youtube, Flickr, и др. за търсене на съдържание публикувано под CreativeCommon(CC)

• Изображения

  1. pixabay.com - free high-quality imagesбогата колекция от качествени фотографии. С една от най-добрите вградени търсачки - може да търсите снимки по категория, размер, цвят и пр.
  2. unsplash.comFree (do whatever you want) high-resolution photos.
  3. freepik.comGraphic resources for everyone. More than a million free vectors, PSD, photos and free icon
  4. pexels.comFree stock photos you can use everywhere. ✓ Free for commercial use ✓ No attribution required.
  5. gratisography.comако ви трябват малко по-различни (е, не чак толкова колкото тези в deviantart) снимки, то артистът Ryan McGuire ви ги предоставя безплатно.
  6. PublicDomainPictures.netФотографии, рисунки, видеа - от потребители за потребители на мрежата.

• Videos

  1. Browse the Creative Commons licensed videos on Vimeoфайловете във vimeo, подредени според различните CC лицензи.
  2. youtube.com и др.посочете във филтъра при търсенето "CreativeCommons" (или използвайте търсачката: CC Search - Creative Commons)
  3. coverr.coкачествени, структурирани в категории видео клипове, който можете свободно да използвате за фон на вашата страница.

• Икони, символи, шрифтове

  1. CopyPasteCharacter.comако се налага да вмъкнете специален символ (от цялата unicode таблица) във вашата страница - това е най-лесният и удобният начин.
  2. Font-Awesome Iconsофициалния сайт в github. Показани са всички икони предлагани от Font-Awesome
  3. Google Developers- Google Fonts APIсправочник от Google за употребата на хостваните от тях шрифтове.
  4. GlyphSearchтърсене на икони по ключови думи във Font Awesome, Foundation, Glyphicons, IcoMoon, Ionicons, Material Design, and Octicons
  5. faiconsтърси по дума само във Font Awesome
  6. Your SVG + GIF + PNG Ajax Loading Iconsголяма част от иконите са платени, но се намират и безплатни.

Водещи сайтове с публикации за HTML/CSS/JS

• CSS-Tricks: Tips, Tricks, and Techniques on using Cascading Style Sheetsби трябвало вече да сте попадали на материали публикувани тук. Със сигурност няма Web Developer, който да не е ползвал този сайт!
• A List Apart: For People Who Make Websitesедин от първите, актуален и до днес, сайт с публикации (на изключително високо ниво) за разработка на Уеб сайтове, но фокусиран предимно в дизайна, UX/UI.

HTML5/Responsive templates

• TEMPLATEDA collection of simple CSS, HTML & Responsive site templates
• HTML5UPAnother good collection of HTML5 + CSS3 responsive templates

VSCode

Полезни разширения (extensions)

• LiveServerLaunch a development local Server with live reload feature for static & dynamic pages
• HTMLHintVS Code integration for HTMLHint - A Static Code Analysis Tool for HTML

Клавишни комбинации

• 15 Great VS Code Keyboard Shortcuts

Задачи за упражнения. Примери. Quizzes.

• JavaScript

  • JSchallengerprovides a variety of JavaScript exercises, including coding tasks, coding challenges, lessons, and quizzes.
  • JavaScript Exercises@w3schools.comYou can test your JavaScript skills with W3Schools' Exercises.
  • JavaScript Exercises, Practice, Solution @w3resource.comоще повече примери и задачи (с решения) от w3resource.com (да не се бърка с w3schools.com)
  • nodeschool.io - javascripting workshopLearn JavaScript by adventuring around in the terminal.
  • codewarsImprove your development skills by training with your peers on code kata that continuously challenge and push your coding practice.
  • 7 Days of JavaScript in HackerRankHackerRank is an online platform featuring competitive coding, programming, and technical assessments. Used by many companies to asses

Форуми, freelance сайтове

• Български

  1. Предприемач.com: Екстри - Webmaster ForumБългарски форум за предприемачи с доста активна WebDev секция.
  2. http://forums.bgdev.org/един от най-старите форуми за програмиране, с изключително активни и до днес WebDesign и Front-end Development секции, в които може да намерите не само помощ, но и предложения за работа/проекти.

• World-wide (in english)

  1. UpworkOne of the largest and most versatile freelance platforms, Upwork offers a wide range of job categories, including web development. It features an in-depth filtering system to help freelancers find jobs that match their skills and preferences. Upwork is known for its large client base and robust tools for managing projects and payments.
  2. Fiverr/Initially known for quick and inexpensive gigs, Fiverr has evolved into a comprehensive platform where freelancers can offer various services, including web development. Freelancers create "gigs" that clients can browse and purchase, making it easy to find specific services.
  3. Toptal/This platform is exclusive and highly selective, claiming to accept only the top 3% of freelance talent. It is ideal for experienced web developers looking to work on high-quality projects with prominent companies. The vetting process ensures that only top-tier freelancers are available for clients.
  4. Toptal/A broad platform with millions of users, allowing freelancers to bid on projects across various categories.

Филми

• Project Code Rush - The Beginnings of Netscape / Mozilla Documentaryдокументален филм проследяващ живота на група инженери от Netscape (както и последните дни на компанията като независима), които основават проекта Mozilla open source.
• Silicon Valley (TV Series 2014-2019)комедиен сериал, който макар и с измислени герои и сюжети, доста автентично илюстрира живота на програмисти, старт-ъп компании, корпоративни интереси и пр.
• The IT Crowd (TV Series 2006-2013)култов ситком, който с типичния си Aнглийски хумор дефинира точно понятието IT geek.

Podcasts

• Тилда Наклонена Черта - Разговори за програмиране
• Nerds2Nerds - програмисти, които си говорят каквото си искат :), със силен акцент върху gaming-a.
• DEVCAST - community-driven подкаст на най-голямото онлайн dev community в България - DevBG