GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Amine-Smahi → Frontend-Learning-Journey

Amine-Smahi / Frontend-Learning-Journey

Licence: other
Tutorials, definitions, frameworks and some of the projects i made when starting to learn frontend web developement

Programming Languages

CSS
56736 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Labels

cssbloghtmlresume-templateresumejqueryvalidationsimpleresponsivegeolocationcvform-validationagencycartpicture-gallerycv-templatetp-webdevcomment-remover

Projects that are alternatives of or similar to Frontend-Learning-Journey

online-resume
A Jekyll theme for resume / cv based on Markdown. Demo: https://tarrex.github.io/online-resume
Stars: ✭ 27 (-3.57%)
Mutual labels:  resume-template, resume, cv, cv-template
resume
Meet me on paper, if not personally (OLD AND DEPRECATED!)
Stars: ✭ 31 (+10.71%)
Mutual labels:  resume-template, resume, cv, cv-template
myprofile
Generate your resume easily from Github actions ✅ using discussion section 📃 🚀
Stars: ✭ 19 (-32.14%)
Mutual labels:  resume-template, resume, cv, cv-template
about.me
Single Page Resume Template
Stars: ✭ 20 (-28.57%)
Mutual labels:  resume-template, resume, cv, cv-template
Yaac Another Awesome Cv
YAAC: Another Awesome CV is a template using Font Awesome and Adobe Source Font.
Stars: ✭ 516 (+1742.86%)
Mutual labels:  resume-template, resume, cv
classic-cv
🎓 FREE Classic CV / Resume HTML Template
Stars: ✭ 52 (+85.71%)
Mutual labels:  resume-template, resume, cv
Markdown Cv
a simple template to write your CV in a readable markdown file and use CSS to publish/print it.
Stars: ✭ 721 (+2475%)
Mutual labels:  resume-template, resume, cv
cvfy
CV generator built with Nuxt.js, TailwindCSS, deployed on Netlify.
Stars: ✭ 165 (+489.29%)
Mutual labels:  resume-template, resume, cv-template
Mcdowell Cv
A Nice-looking CV template made into LaTeX
Stars: ✭ 855 (+2953.57%)
Mutual labels:  resume, simple, cv
Jalpc
🍎Jalpc -- A flexible Jekyll theme, 3 steps to build your website.
Stars: ✭ 859 (+2967.86%)
Mutual labels:  resume-template, resume, cv
Resume Builder
Modern real-time design and 100% free resume builder.
Stars: ✭ 153 (+446.43%)
Mutual labels:  resume-template, resume, cv
Latexcv
👔 A collection of cv and resume templates written in LaTeX. Leave an issue if your language is not supported!
Stars: ✭ 1,027 (+3567.86%)
Mutual labels:  resume-template, resume, cv
Cv
A resume template written in Markdown,Yaml JSON auto generates github-pages website & PDF by Jekyll. 在线简历生成模板(超高兼容可导PDF)
Stars: ✭ 61 (+117.86%)
Mutual labels:  resume-template, resume, cv
Cv
🎓 Best in Class modern CV, Resume and Portfolio website template. All-in-One-Page site with simply customizable builder.
Stars: ✭ 232 (+728.57%)
Mutual labels:  resume-template, resume, cv
Universal Resume
Minimal and formal résumé (CV) website template for print, mobile, and desktop. https://bit.ly/ur_demo
Stars: ✭ 1,349 (+4717.86%)
Mutual labels:  resume, responsive, cv
Modern Resume Theme
A modern static resume template and theme. Powered by Jekyll and GitHub pages.
Stars: ✭ 868 (+3000%)
Mutual labels:  resume-template, resume, cv
awsome-list-of-cv-and-resume-templetes
a collection of cv and resume styles
Stars: ✭ 78 (+178.57%)
Mutual labels:  resume, cv, cv-template
Cv Template
An easy way to create HTML and PDF versions of your resume, and automatically host them on GitHub Pages.
Stars: ✭ 41 (+46.43%)
Mutual labels:  resume-template, resume, cv
Cv
Geoff Boeing's academic CV in LaTeX
Stars: ✭ 101 (+260.71%)
Mutual labels:  resume-template, resume, cv
Cv resume
A latex cv/resume template.
Stars: ✭ 117 (+317.86%)
Mutual labels:  resume-template, resume, cv
View All Similar Projects ➔

Frontend Learning Journey

The humble way i took to learn frontend web development, Be free to add any helpful resources!

Summary

  • What is frontend
  • What this repository contains
  • How to run the projects
  • Resources & tutorials
  • CSS Frameworks
  • Credits

What is frontend (By wikipedia)

Front-end web development is the practice of converting data to graphical interface for user to view and interact with data through digital interaction using HTML, CSS and JavaScript. There are several tools and platforms (wordpress, magento etc..) available that can be used to develop the front end of a website, and understanding which tools are best fit for specific tasks marks the difference between developing a hacked site and a well designed, scalable site.

Hyper Text Markup Language (HTML)

Hyper Text Markup Language (HTML) is the backbone of any website development process, without which a web page doesn't exist. Hypertext means that text has links, termed hyperlinks, embedded in it. When a user clicks on a word or a phrase that has a hyperlink, it will bring another web-page. A markup language indicates text can be turned into images, tables, links, and other representations. It is the HTML code that provides an overall framework of how the site will look. HTML was developed by Tim Berners-Lee. The latest version of HTML is called HTML5 and was published on October 28, 2014 by the W3 recommendation. This version contains new and efficient ways of handling elements such as video and audio files.

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) controls the presentation aspect of the site and allows your site to have its own unique look. It does this by maintaining style sheets which sit on top of other style rules and are triggered based on other inputs, such as device screen size and resolution.

JavaScript

JavaScript is an event-based imperative programming language (as opposed to HTML's declarative language model) that is used to transform a static HTML page into a dynamic interface. JavaScript code can use the Document Object Model (DOM), provided by the HTML standard, to manipulate a web page in response to events, like user input.

How to run the projects

  1. Click on the html file to open it
  2. Done! it will open your default browser and navigate to the web page

Resources & tutorials

Design

HTML

CSS

JavaScript

CSS Frameworks

  • Bootstrap - Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
  • bootswatch - Bootswatch is a collection of free themes for Bootstrap.
  • Materialize - A modern responsive front-end framework based on Material Design.
  • SemanticUI - Semantic is a UI component framework based around useful principles from natural language.
  • AmazeUI - A mobile-first and modular front-end framework.
  • Skeleton - Skeleton is a simple, responsive boilerplate to kickstart any responsive project.
  • bootstrap-material-design - Material design theme for Bootstrap 3.
  • MUI - MUI is a lightweight CSS framework that follows Google's Material Design guidelines.
  • Bulma - Bulma is a modern CSS framework based on Flexbox.

Credit

I want to say thank you for all my friends that helped and guided me all the way.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].