I'm a passionate Software Developer with a knack for creating interactive and accessible digital experiences. I enjoy learning new technologies and continuously improving my skills. My expertise includes working with modern web technologies like React, Node.js, and TypeScript. I'm driven by a desire to solve complex problems and create user-friendly solutions.
Summary Grade: Exceeds Expectations
Good job with your code! I really liked the way you clearly organized your code with whitespace and comments. It makes your code really easy to navigate and read, as well as visually pleasing. Also, I really like the way you used classes and ids to group your sections together. As your code grows in size, this will help organize and manage your website. You also gave tremendous effort into your mobile resizing. Great start to the Ready program!
There really isn’t much to say though since you did very well. You did an exceptional job with your mobile resizing. Your website looks good at all sizes! In the future, you can consider helpers and libraries like Bootstrap (http://getbootstrap.com/) to help you build a responsive website. This library does a lot of pre-arranging and adjusting so that you don't have to write such detailed css. Also, make sure not to forget a favicon for your browser tab. It’s a small detail but makes your website look more complete!
Don't forget to put a favicon! This is the small icon on your browser tab. You can add <link rel="icon" href="http://example.com/favicon.png"> to you <head> element.
https://github.com/Ibarra11/Colmar-Academy/blob/master/index.html#L3
Great decisions on the classes and ids name. It makes it very clear what its purpose is and makes grouping your sections very effective. These organizational skills come in handy as you expand your code since you can modify entire sections at once. You also chose very clear and concise names for them. It pays off to spend time thinking of good names for classes, ids, and variables.
https://github.com/Ibarra11/Colmar-Academy/blob/master/index.html#L108
Good use of whitespace and indentation. However, your indentations are a bit too large. Make it just two-four spaces that separate each level. You have a bit too much whitespace on the left.
https://github.com/Ibarra11/Colmar-Academy/blob/master/index.html#L75
Great incorporation of mobile resizing! Though it may seem tedious, it is an incredibly important concept since screen sizes vary tremendously today and it’s important that you website looks exactly as you design it to. Great job!
https://github.com/Ibarra11/Colmar-Academy/blob/master/resources/css/style.css#L236
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
