Pinned Repositories
A2-TS
Angular 2 & TypeScript
AdaptiveResponsivePlayground
Adaptive Responsive Web Design: Only those elements deemed appropriate exist on each experience. Offers better performance on bandwidth-constrained devices. Adaptive-Responsive Design is about creating one design and code base capable of delivering the best user experience across all channels: Omni channel [mobile, tablet, laptop/desktop, hotspots, store display, billboards, etc.] Adaptive: adapts to specific situations/surroundings; in other words, how much data gets sent back from the model to the view depends on the form factor or screen size. Responsive: to display optimally on different screens; in other words, how/where/ what widgets get display on the view depending on the form factor or screen size. Good performance = good design. performance + beauty is UX. +100ms = -1% Amazon sales. User expects to wait for 2 seconds, after 3 seconds 40% will abandon your site. 75% of shoppers who experience an issue will not buy from that site and go to a competitors site. http://www.webpagetest.org/ Number of request and Bytes downloaded determine the performance of your site [given everything is working properly]. Biggest Wins for requests 1. Image formatting, size and spriting PNG (Portable Network Graphics): for transparency (PNG-24: Prettier transparency, tons more colors, larger file size), or there are few colors (PNG-8: Max 256 colors, uses alpha transparency, generally smaller file size). JPG or JPEG (Joint Photographic Experts Group): for photos and other images with tons and colors. No transparency. GIF (Graphics Interchange Format): They're very heavy, and most animations can be replaced with CSS3. Use tools that best Compress/Optimize for PNG, JPEG and GIF. CSS3 Gradients can handle transparency, can be overlaid on a background color, Eliminate an image request 2. Cutting down fonts weights IE-8 downloads ALL THE FONTS even if they are not used on the page. remove some of the characters to descrease file size. 3. Semantic markup and repurposability HTML5 offers new semantic elements to clearly define different parts of a web page: <header> <nav> <section> <article> <aside> <figure> <figcaption> <footer> <details> <summary> <mark> <time> HTML5 Semantic Elements 4. Deliberate asset loading (conditional loading) Adaptive-Responsive Web Design - Mobile First Adaptive: Server-side detection on screen size http://www.adaptive-images.com/ Responsive: Client-side detection on screen size https://github.com/scottjehl/picturefill Mobile performance is terrible; a device has to establish a radio channel before it can send/get data.
AngularBootcamp
Skillsoft Angular Bootcamp
AnomalyDetection
Skillsoft Anomaly Detection in Machine Learning
art-gallery-chat-app
Azure, ElasticSearch, and OpenAI
awesome-nodejs
:zap: Delightful Node.js packages and resources
AZ-204-Demos
AZ-204-DevelopingSolutionsforMicrosoftAzure
AZ-204: Developing solutions for Microsoft Azure
calculator
A node.js demo application
NoSQLPlayground
Non-relational database (Not Only SQL - NoSQL) is a database that does not incorporate table/key model that RDBMS promote. Solutions for big data (unstructured data). Playing with Lawnchair based HTML5 local storage, SimpleDB and DynamoDB. Comparing Trade offs between relational and non- relational databases
gibrancastillo's Repositories
gibrancastillo/AngularBootcamp
Skillsoft Angular Bootcamp
gibrancastillo/AnomalyDetection
Skillsoft Anomaly Detection in Machine Learning
gibrancastillo/art-gallery-chat-app
Azure, ElasticSearch, and OpenAI
gibrancastillo/awesome-nodejs
:zap: Delightful Node.js packages and resources
gibrancastillo/calculator
A node.js demo application
gibrancastillo/CCSPBootcamp
Skillsoft Certified Cloud Security Professional (CCSP) Bootcamp
gibrancastillo/Classification-with-Python
Skillsoft Classification with Python
gibrancastillo/CompTIASecurityplusCrashCourse
CompTIA Security plus Crash Course
gibrancastillo/copilot-demo
copilot demo
gibrancastillo/cta-crash-course
In-depth and hands-on practice for acing the exam.
gibrancastillo/Data-Wrangling-with-Python
Data wrangling with Python
gibrancastillo/DataLiteracy
Skillsoft Data Literacy for All
gibrancastillo/EventGridSender
Azure Event Grid C# sample
gibrancastillo/h4cker
This repository is primarily maintained by Omar Santos (@santosomar) and includes thousands of resources related to ethical hacking, bug bounties, digital forensics and incident response (DFIR), artificial intelligence security, vulnerability research, exploit development, reverse engineering, and more.
gibrancastillo/handson-ml2
A series of Jupyter notebooks that walk you through the fundamentals of Machine Learning and Deep Learning in Python using Scikit-Learn, Keras and TensorFlow 2.
gibrancastillo/handson-ml3
A series of Jupyter notebooks that walk you through the fundamentals of Machine Learning and Deep Learning in Python using Scikit-Learn, Keras and TensorFlow 2.
gibrancastillo/Intro-to-Visualization-and-Interactive-Visualization-in-R
Skillsoft Introduction to R and Visualization
gibrancastillo/Introduction-to-R-and-Visualization
Skillsoft Introduction to R and Visualization
gibrancastillo/Introduction-to-TypeScript
Skillsoft Introduction to TypeScript
gibrancastillo/IntrotoNeural_Networks
Skillsoft Introduction to Neural Networks
gibrancastillo/JavaPlayground
A Sandbox and playground to code experimental Java programs, applications, algorithms, data structure, advanced language features, etc.
gibrancastillo/Learn-Infrastructure-as-Code-with-Terraform
Class material for Learn Infrastructure as Code with Terraform
gibrancastillo/logstash
Elastic Stack (logstash transforming data and sending it to Elasticserch)
gibrancastillo/manim
Animation engine for explanatory math videos
gibrancastillo/Modern-Full-Stack-React-Projects
Modern Full-Stack React Projects, published by Packt
gibrancastillo/python-data-structs
gibrancastillo/python-kitchen-ml
Python Cookbook: Recipes for AI and Machine Learning
gibrancastillo/solid_react_app
A React App that follows the SOLID design principles
gibrancastillo/terraform-modules-template
Infrastructure as Code
gibrancastillo/todo-for-terraform
Todo API server w/ compatible terraform provider