Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Next step can be: 1- Diving into JS (let vs const vs var, promises, async await, functions, fat arrow etc) 2- Fetching values through API (may use jsonplaceholder or something like https://github.com/public-apis/public-apis) 3- Moving to a framework like React (Note for experienced devs- Please stop, I know its library not a framework 😂) 4- Advanced topics might then move to webpack, nextjs, etc
Things related to whatever you have used till now: 1- Don't use spaces in images name (Kind of code convention or sometimes automated tools tend to break) 2- Here is an opportunity to learn more about image types i.e, webp, aviff and more. (You can try squoosh.app) 3- Where to places JS scripts (it comes under perfomance section). Devs prefer to fetch scripts at the end of the body (Depends on use case but majorly). Understand about defer and sync. 4- Bootstrap is not a preferred tool now. Devs are moving to solution like tailwind. Tho, prefer to learn vanilla css and scss first. 5- Learn media queries, flexbox (for responsiveness) 6- If comfortable with flexbox then move to CSS grid 7- May be you can use https://flexboxfroggy.com/ and it has for grid too.
Things related to whatever you have used till now: 1- Don't use spaces in images name (Kind of code convention or sometimes automated tools tend to break) 2- Here is an opportunity to learn more about image types i.e, webp, aviff and more. (You can try squoosh.app) 3- Where to places JS scripts (it comes under perfomance section). Devs prefer to fetch scripts at the end of the body (Depends on use case but majorly). Understand about defer and sync. 4- Bootstrap is not a preferred tool now. Devs are moving to solution like tailwind. Tho, prefer to learn vanilla css and scss first. 5- Learn media queries, flexbox (for responsiveness) 6- If comfortable with flexbox then move to CSS grid 7- May be you can use https://flexboxfroggy.com/ and it has for grid too.