Skip to content

beiyen/Web-Fundamentals

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Fundamentals

This repository contains various project, each dedicated to a specific topic essential for web development. Duration: 01-09-2023 to 01-21-2023

HTML Basics

  1. Indentation - To apply correct spacing and align opening, and closing tags.
  2. Pizza Form - To focus on important-to-know form tags.
  3. Blogger - To check if the code conforms to standards using the validator.

CSS

  1. Building boxes - To position the blocks using the taught basics only and to avoid advanced positioning concepts.
  2. Calendar - To practice how to model the blocks in given image.
  3. Intro to JS - To practice how to model the blocks in a given image.
  4. Resume - To clone an image from scratch with applied CSS best practices.
  5. PHP documentation - To explore other css properties but avoid advanced concepts in positioning and targeting.
  6. Python Website - To explore other css properties but avoid advanced concepts in positioning and targeting.
  7. Bootstrap - To get familiar with Bootstrap, a very popular CSS library/framework used by lots of developers.
  8. LESS - To learn how to write css in a shorter way and dynamic.
  9. Can I Use - To shorten css codes using a preprocessor.

Responsive Design

  1. Media Query - To visualize how the website adjusts components based on the type of device and to apply meta viewport, @media, and breakpoints.
  2. (RWD) Building Boxes - To convert a webpage to a responsive design.
  3. (RWD) Resume - To convert a webpage to a responsive design.

jQuery

  1. Mini Documentation - To utilize commonly used functions in the jQuery library and apply basic data structure in Javascript.
  2. Candy Crush - To apply functions from jQuery library and practice cloning.
  3. Matchy Matchy - To apply functions from jQuery library and to know how custom attributes are used.
  4. Fortune Cookie - To apply functions from jQuery library and to know how custom attributes are used.
  5. Background Chooser - To know how to target a specific element when it overlaps with another element.
  6. Kanban Board - To create your own Kanban Board using a ready-made method from jQueryUI.
  7. Form Validation - To apply error checking in the existing form webpage and to utilize the new jQueryUI widget.
  8. Cool Plugins - To be familiar with different plugins and learn how to adapt to new plugins.

SQL Queries

  1. Sakila 1 - To create basic select queries, apply filter, order clauses and wildcards.
  2. world - To apply how to join statements and practice logic thinking in query problems.
  3. Leads Report - To apply proper joining of tables and grouping of data.
  4. Database Design - To apply best practices in table designing and analyze ERD based on wireframe

Final Challenge

  1. Amazon Website - To clone a website within a limited time.

About

Collection of projects and exercises to understand web development fundamentals.

Topics

Resources

Stars

Watchers

Forks