Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/saket-sk/full-stack-webdev-repo
Literally everthing starting from HTML forms or theory I learnt as a part of FULL STACK WEB DEVELOPMENT TRAINING. Databases are also connected and SQL file is also shared. It is recommended to use XAMPP.
https://github.com/saket-sk/full-stack-webdev-repo
angular angularjs back-end-development css database database-connection forms front-end-development full-stack-web-development html javascript jquery-ajax php reactjs sass-files sass-mixins scss-styles sql typescript xammp
Last synced: 28 days ago
JSON representation
Literally everthing starting from HTML forms or theory I learnt as a part of FULL STACK WEB DEVELOPMENT TRAINING. Databases are also connected and SQL file is also shared. It is recommended to use XAMPP.
- Host: GitHub
- URL: https://github.com/saket-sk/full-stack-webdev-repo
- Owner: SAKET-SK
- Created: 2020-08-12T09:48:36.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-10-15T06:22:14.000Z (28 days ago)
- Last Synced: 2024-10-15T16:21:14.068Z (28 days ago)
- Topics: angular, angularjs, back-end-development, css, database, database-connection, forms, front-end-development, full-stack-web-development, html, javascript, jquery-ajax, php, reactjs, sass-files, sass-mixins, scss-styles, sql, typescript, xammp
- Language: HTML
- Homepage:
- Size: 78.9 MB
- Stars: 10
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Full Stack Development Journey Mapper
Collection of basic HTML forms I designed as I learned Full Stack Web development. All the code which I will be writing during the whole training is to be documented here in this repository. Please refer below code files.
Folder Named Login Page - Copy is the form I have been working with. In that Databases are also connected and SQL file is shared with you guys. It is recommended to use XAMPP. Here below is shared which folder is for what purpose:
1) Login-Page - Copy:- This file contains a basic HTML Form where Login and Sign Up features are implemented. Databases are used but in separate php files.
2) Login-Page and Category:- This is a more updated form as the sign-up feature is removed for unknown reasons and Add category form has been added. The database of categories is separately created and the concept of config file is implemented in this little folder project.
3) Login-Page:- This is the basic login page. This was my first attempt.
4) Login-Page.html:- Basic HTML code of Login Page
5) pathology_data.sql:- This is a database file that will be updated after every updation in the code.
6) add-category.html:- One can also refer to this file for connection to the database, very similar yet a bit different from the Login-Page and Category.html (This is inside the Login-Page and Category folder)
The other folders are related to different web development topics and concepts
# Notes (Blogs) Section:
| Angular | Node & Express | MongoDB | React / Redux |
| --------------- | --------------- | --------------- | --------------- |
| Into the Background | NodeJS Introduction | Introduction to MongoDB | ReactJS Introduction |
| Running your first Angular Application | Node REPL and Modules | Getting Started with MongoDB | Components and Props |
| Data Binding Concepts | NodeJS Architecture and Events | MongoDB Data Modelling and more Queries | State Management with useState Hooks and Event Handling |
| Structural Directives | FS Module | Unleashing the Power of Data Retrieval | Hooking into Hooks - A Deep Dive |
| Attribute Directives | http Module and Working with Streams | Indexing and Performance Optimization | Basics of Routing in ReactJS |
| All About Pipes | Working with Server & ExpressJS | Simplifying Data Aggregation | Advancing more deeper in React Routing |
| Input and Output Decorators | Serving Files via ExpressJS & Creating a Web Server | All about Replication | When Context Makes Sense |
| Routing | Template Engine | Sharding | R8 |
| Angular Forms | Creating our own REST-API | M9 | R9 |
| ViewChild Decorator and Custom Directives | Body Parser Middleware | M10 | R10 |
| Services: Creating a Simple Angular Service | All about MongoDB Atlas | M11 | R11 |
| Angular CRUD operations using JSON Server | Connection to MongoDB using Mongoose | M12 | R12 |
| Guard in Angular and Implementing Login and Logout in Angular app | CRUD operations via NodeJS to MongoDB | M13 | R13 |
| | | M14 | R14 |
| | | M15 | R15 |
# Output Section:
- Output of tablecell.html
Angular Projects Github Repository