Afaceri electronice (aka Tehnologii web 2 - tools, aka Învață JavaScript și alte tehnologii web)

Pentru mai multe informații legate de framework-uri JavaScript, a se vedea pagina Tehnologii noi.

Istorie

• https://www.youtube.com/watch?v=IPxQ9kEaF8c - Computing Conversations with Brendan Eich

Introducere și (re)surse

• https://www.youtube.com/watch?v=aXOChLn5ZdQ - JavaScript for the Haters

• https://www.youtube.com/watch?v=Hj2NrDo_NT4 - We HATE Javascript, But…

• https://www.youtube.com/watch?v=0fONene3OIA - The ultimate guide to web performance

• https://www.youtube.com/watch?v=u72H_zZzkcw - Web Development In 2023 - A Practical Guide

• https://roadmap.sh/javascript - JavaScript Roadmap (roadmap.sh)

• https://roadmap.sh/typescript - TypeScript (roadmap.sh)

• https://roadmap.sh/frontend - Frontend Developer (roadmap.sh)

• https://roadmap.sh/backend - Backend Developer (roadmap.sh)

• https://roadmap.sh/full-stack - Full Stack Developer (roadmap.sh)

• https://www.youtube.com/watch?v=sDlCSIDwpDs - Everything You NEED to Know About WEB APP Architecture

• https://github.com/javascript-questions/javascript-questions

• https://github.com/awesome-javascript

• https://github.com/thealgorithms/javascript 

• https://github.com/EbookFoundation/free-programming-books 

• https://github.com/yangshun/tech-interview-handbook

Cheat sheets

• https://htmlcheatsheet.com/js/ - JS Cheat Sheet

• http://www.developer-cheatsheets.com/es6 

• https://devhints.io/es6 

• https://overapi.com/javascript 

• https://dev.to/samanthaming/javascript-module-cheatsheet-5b4o 

• https://dev.to/samanthaming/es6-arrow-functions-cheatsheet-1cn 

Cursuri și tutoriale text

• https://www.sololearn.com/en/learn/courses/javascript-introduction - Introduction to JavaScript

• https://www.sololearn.com/en/learn/courses/javascript-intermediate - JavaScript Intermediate

• https://www.netacad.com/courses/javascript-essentials-1?courseLang=en-US - JavaScript Essentials 1

• https://www.netacad.com/courses/javascript-essentials-2?courseLang=en-US - JavaScript Essentials 2

Serie de cursuri CodeAcademy.com 

• Curs de Sass — 06. Curs de Sass (SCSS) (CodeAcademy.com)

• Curs de JavaScript — 07. Curs de JavaScript (CodeAcademy.com)

• Curs de AngularJS — 08. Curs de AngularJS (CodeAcademy.com)

• Curs de ReactJS (partea 1) — 09. Curs de ReactJS (partea 1) (CodeAcademy.com)

• Curs de ReactJS (partea a 2-a) — 10. Curs de ReactJS (partea a 2-a) (CodeAcademy.com)

Serie de cursuri W3Schools 

• Curs de componente — 08. Curs de componente (W3Schools)

• Curs de JavaScript — 09. Curs de JavaScript (W3Schools)

• Curs de jQuery — 10. Curs de jQuery (W3Schools)

• Curs de AngularJS — 11. Curs de AngularJS (W3Schools)

• Curs de JSON — 12. Curs de JSON (W3Schools)

• Curs de AJAX — 13. AJAX (W3Schools)

• Curs de W3.JS — 14. Curs de W3.JS (W3Schools)

• Curs de AppML — 15. Curs de AppML (W3Schools)

• Curs de PHP — 16. Curs de PHP (W3Schools)

• Curs de ASP si ASP.Net — 17. Curs de ASP si ASP.Net (W3Schools)

• Curs de Node.js — 18. Curs de Node.js (W3Schools)

Serie de cursuri TutorialsPoint.com 

• Curs de JavaScript — 04. Curs de JavaScript

• Curs de AJAX — 06. Curs de AJAX

• Curs de MathML — 11. Curs de MathML 

• Curs de WebGL — 12. Curs de WebGL 

• Curs de WebRTC — 13. Curs de WebRTC

Simplilearn

• https://www.youtube.com/watch?v=jDHEEJ3GIvk - Software Development Course Day - 7 | Learn JavaScript From Scratch | Software Developer|Simplilearn

• https://www.youtube.com/playlist?list=PLEiEAq2VkUULeP75xLYYnY1wqddxPdSXj - JavaScript Tutorial Videos 🔥[2022 Updated]

• https://www.youtube.com/playlist?list=PLEiEAq2VkUULCC3eEATL4zzuapTjmo1Z_ - Full Stack Web Development 🔥[2023 Updated]

• https://www.youtube.com/watch?v=m_IFFDQHaP8 - 🔥 Fundamentals Of Full Stack Development 2023 | Full Stack Development Course 2023 | Simplilearn

Cursuri la Berkeley

• Toamna 2023

  • https://www.youtube.com/watch?v=fAeXuglTsrU - Fall 2023 CS198-99 LEC 1

  • https://www.youtube.com/watch?v=Q7T5vAdUcI0 - Fall 2023 CS198-99 LEC 2

• https://www.youtube.com/playlist?list=PLLOkF3nr3gEzd6YJMoqRv6wJ7AoNDzr6w - Primăvara 2023

• https://www.youtube.com/playlist?list=PLLOkF3nr3gEySGiK_th36GKTNoIwHc570 - Toamna 2022

• https://www.youtube.com/playlist?list=PLLOkF3nr3gEzxtxO0OrOfKtJUzMdtcLHm - Primăvara 2022

• https://www.youtube.com/playlist?list=PLLOkF3nr3gEyJO63qmwZY904IA5go8TUq - Toamna 2021

• https://www.youtube.com/playlist?list=PLLOkF3nr3gEwQ9tf-xwwWoHVrN3hZCOU4 - Primăvara 2021

• https://www.youtube.com/playlist?list=PLLOkF3nr3gExoZpOJY1LOnwUASr-lnLZ4 - Toamna 2020

Tutoriale - tehnologii separate

• Explicații JavaScript

• https://www.khanacademy.org/computing/computer-programming - Computer programming - JavaScript and the web 😆

• https://www.youtube.com/watch?v=lkIFF4maKMU - 100+ JavaScript Concepts you Need to Know

• https://www.youtube.com/watch?v=2Ji-clqUYnA - Javascript Fundamentals

• https://www.youtube.com/watch?v=Zi-Q0t4gMC8 - JavaScript Course for Beginners 2024

• https://www.youtube.com/watch?v=8dWL3wF_OMw - JavaScript Full Course for free 🌐

• https://www.youtube.com/watch?v=0mlIK229Djc - JavaScript Tutorial for Beginners Full Course | with Project

• https://www.youtube.com/watch?v=EerdGm-ehJQ - JavaScript Tutorial Full Course - Beginner to Pro (2024)

• https://www.youtube.com/watch?v=lfmg-EJ8gm4 - JavaScript Full Course for free 🌐 (2024)

• https://www.youtube.com/watch?v=xc3a_CJhjCc - JavaScript Mastery Complete Course | JavaScript Tutorial For Beginner to Advanced

• https://www.youtube.com/watch?v=PXvI0ln6Nws - Javascript tutorial for beginners Full course | javascript Full crash course for Beginners

• https://www.youtube.com/watch?v=0ik6X4DJKCc - JavaScript DOM Crash Course - Part 1

• https://www.youtube.com/watch?v=mPd2aJXCZ2g - JavaScript DOM Crash Course - Part 2

• https://www.youtube.com/watch?v=PkZNo7MFNFg - Learn JavaScript - Full Course for Beginners

• https://www.youtube.com/watch?v=41GSinwoMYA - JavaScript Data Structures: Getting Started

• https://www.youtube.com/watch?v=Pyv0tMm5i_w - JavaScript Full Course For Beginners With JavaScript Projects Tutorial And Notes 2024

• https://www.youtube.com/watch?v=t2CEgPsws3U - Data Structures and Algorithms in JavaScript - Full Course for Beginners

• https://www.youtube.com/watch?v=JgWm6sQwS_I - JavaScript Algorithms Crash Course - Learn Algorithms & "Big O" from the Ground Up!

• How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course

• https://www.youtube.com/watch?v=hdI2bqOjy3c - JavaScript Crash Course For Beginners

• https://www.youtube.com/watch?v=BI1o2H9z9fo - Modern JavaScript From The Beginning | First 12 Hours

• https://www.youtube.com/watch?v=y17RuWkWdn8 - Learn DOM Manipulation In 18 Minutes

• https://www.youtube.com/watch?v=XF1_MlZ5l6M - Learn JavaScript Event Listeners In 18 Minutes

• https://www.youtube.com/watch?v=ZYb_ZU8LNxs - Asynchronous JavaScript Course (Async/Await, Promises, Callbacks)

• https://www.youtube.com/watch?v=ppwagkhrZJs - 7 Web Features You Didn’t Know Existed

• https://www.youtube.com/watch?v=akDIJa0AP5c - Sass in 100 Seconds

• https://www.youtube.com/watch?v=_a5j7KoflTs - Sass Tutorial for Beginners - CSS With Superpowers

• https://www.youtube.com/watch?v=Zz6eOVaaelI - Learn Sass In 20 Minutes | Sass Crash Course

• https://www.youtube.com/watch?v=gTVpBbFWry8 - Chrome DevTools - Crash Course

• Introduction to TypeScript (codered/EC-Council) - https://codered.eccouncil.org/course/introduction-to-typescript 

• Ultimate JavaScript Strings (codered/EC-Council) - https://codered.eccouncil.org/course/ultimate-javascript-strings 

Tutoriale - full stack

• https://www.youtube.com/watch?v=H3XIJYEPdus - From Zero to Full Stack: Master JavaScript and Create Dynamic Web Apps

• https://www.youtube.com/watch?v=s5YM1kH1ht8 - Full Stack Tutorial – Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN

• https://www.youtube.com/playlist?list=PL4cUxeGkcC9iJ_KkrkBZWZRHVwnzLIoUE - MERN Stack Crash Course Tutorial

• https://www.youtube.com/watch?v=jeT8m7490Pg - The Simplest Tech Stack (HTMX, Go, Gin)

• https://neetcode.io/courses/full-stack-dev/0 

Tutoriale avansate

• https://www.youtube.com/watch?v=OFpqvaJ3QYg - Asynchronous JavaScript Course – Async/Await , Promises, Callbacks, Fetch API

• https://www.youtube.com/playlist?list=PLG3vBTUJlY2Fo_h9sr_Q7VF_MEaw2hxxb - COS 243 - Multi-tier Web App Development (Regular Expressions; Full-Stack Environment; Debugging a SPA - Dev Tools Network Tab; Application Architecture; Data Modeling with Entity-Relationship Diagrams; Course Overview; Drawing an ERD using Lucid Chart; Advanced JavaScript; Async JS - Callbacks; Async JavaScript - Promises; Async JS - Async/Await; Knex Query Builder; Object-Relational Mapping; DataGrip Configuration and Use; Programming with Knex Query Builder; Revision Control with Git - Part 1; Revision Control with Git - Part 2; Create a Database using DataGrip; Ride Share ERD; RESTful APIs; Application Architecture Refresher; Hapi; APIs with OpenAPI; Node and Nodemon; Hapi Validation and Error Handling; SPA - Server Side; SPA - Client Side; Create a Database using DataGrip; DataGrip Configuration; Souce Level Debugging in VS Code; Remote Development using SSH Port Forwarding; Vue Dev Tools)

Proiecte

• Building a Dynamic Web App using PHP & MySQL, proiect ghidat Coursera

• https://www.youtube.com/watch?v=xV7S8BhIeBo - Portfolio Website Tutorial – Frontend Development with HTML, CSS, JavaScript

• https://www.youtube.com/watch?v=piG91X4sV2U - Responsive Login & Registration Form Using HTML & CSS & JS | Sliding Sign In & Sign Up Form

• https://www.youtube.com/watch?v=3PHXvlpOkf4 - Build 15 JavaScript Projects - Vanilla JavaScript Course

• https://www.youtube.com/watch?v=3-2Pj5hxwrw - HTML CSS Javascript Website Tutorial - Responsive Beginner JS Project with Smooth Scroll

• https://www.youtube.com/watch?v=Ttf3CEsEwMQ - Beginner Vanilla Javascript Project Tutorial

• https://www.youtube.com/watch?v=Fc-oyl31mRI - The Perfect Project For Your Portfolio

• https://www.youtube.com/watch?v=jaVNP3nIAv0 - Web Development Tutorial - JavaScript, HTML, CSS - Rock Paper Scissors Game

• https://www.youtube.com/watch?v=gXkqy0b4M5g - Responsive Navigation Bar Tutorial | HTML CSS JAVASCRIPT

• https://www.youtube.com/watch?v=kBMnD_aElCQ - How To Build A Minesweeper Clone With JavaScript

• https://www.youtube.com/watch?v=QTHRWGn_sJw - Build a Music Player | Vanilla JavaScript

• https://www.youtube.com/watch?v=1dJT-99KpiI - Smooth Page Transitions With Javascript Tutorial

• https://www.youtube.com/watch?v=oluY633rkgI - 5 Projects You Can Build In A Week That Will Get You Hired

• https://www.youtube.com/watch?v=dtKciwk_si4 - 10 JavaScript Projects in 10 Hours - Coding Challenge

Code playgrounds 

• Codepen

• CSS Deck

• Dabblet

• JS Bin

• JS Fiddle

• Liveweave

• Plunker

Error track & share

• https://flareapp.io/ 

Tips & tricks

• https://www.youtube.com/watch?v=zdWTUE9-mDk - 13 Things To Remove From Your Website Immediately

• https://google.github.io/styleguide/jsguide.html - Google JavaScript Style Guide

• https://www.youtube.com/watch?v=slDybGJI1Ao - 5 Inspirational Website Designs for 2021

• https://www.youtube.com/watch?v=JTOJsU3FSD8 - 7 Full Stack App Ideas for Developers w/ Instructions Included

• https://www.youtube.com/watch?v=Qhaz36TZG5Y - 10 CSS Pro Tips - Code this, NOT that!

• 14 BEST JAVASCRIPT IDE IN 2019 — 14 BEST JAVASCRIPT IDE IN 2019

• Top CSS & Javascript Animation & Hover Effects | August 2020

• Progressive Web Apps in 100 Seconds // Build a PWA from Scratch (Fireship)

• 10 Most Useful Websites For Web Designers You Wish You Found Earlier (Darrel Willson)

• TOP 5 WEBSITES EVERY WEB DESIGNER SHOULD VISIT: Mind-blowing web design | March 2020 (Flux)

• https://www.youtube.com/watch?v=mElvY9TTwpo - 4 Design Tools You DON'T KNOW ABOUT!