Bonani-shop
Online shop where you can find cake decorations
#Frontend
#Astro
#Tailwind
Javascript web developer
Fran Branković
and welcome to my portfolio web page.
Preferred Tech Stack
HTML - CSS(Tailwind) - JS(TS) - React
SSG - Astro
SSR - Nextjs - BaaS
Frontend Web Developer
My proficiency as a frontend developer:
General concept
How internet and web works:
Internet
HTTP/S
Domain name
Hosting
DNS
Browsers
Computer science
Hardware
Networking
Basics
Basic HTML, CSS, JS, Version control:
HTML
Semantic HTML
Accessibility,
HTML-SEO
CSS
Responsive design
JS
DOM
AJAX-Fetch API
Git - Github
Thorough Web Frontend
Wider frontend approach:
PM - npm
React
Tailwind
Build Tool-Vite
Typescript
SSR - Nextjs
SSG - Astro
In progress
Familiar with, but learning at the moment:
CSS Preprocessors - Sass
Testing - Vitest/Jest
GraphQL
PWAs
Learning Path
Udemy
Web Dev Bootcamp by Colt Steele
Here I learnd my first steps:
Introduction to Web Dev
HTML
CSS - responsive designe, flexbox, BOOTSTRAP
JS - basics and DOM
Basic terminal commands
Nodejs - npm and Express
EJS - templating
AJAX- SPA
REST API - CRUD
DB - Mongo and ODM Mongoose
Authentication, authorization - Cookies
MERN app by John Smilga
I continued with React::
Vite build tool
React - JSX
React - JSX
CSS - Styled components
Error handling
ES6 Modules
Validation - server side
Hashing
JS advanced by Anthony Alicea
Dived deeper into javascript:
Execution context
JSON
Closures
Prototypal Inheritance
Code execution
Immediately Invoked Functions Expressions
Typescript - js superset
Async await
Keyword 'this'
Youtube
CS50 Hardvard David J. Malan
Wrapping things up:
Computer science
Binary code
Algorithms
Memory
Data structure
Frameworks
Security
HTTP Networking Lane Wagner
A bit more about backend:
HTTP protocols - headers
HTTPS - SSL
DNS
URL as a subset of URI
Async JS
Projects
