January 20, 2023
Back-end Developer
In this lesson we’re going to learn all about JavaScript loading strategies, with specific attention paid to the async and defer attributes.
Posted in: Javascript TutorialWhat are the benefits of Python?
One of the top benefits of Python is that it is easy to learn and fun to use. Its syntax, unlike most computer languages, reads like English, so it isn’t as stressful to learn as other programming languages. It was named after Monty Python’s Flying Circus, so you know someone had a sense of humor developing this code and thus made it simple to use.
What do you need to learn web development?
Imagine being able to work anytime and from wherever you want. Everything you need for learning web development is a laptop and access to the internet. While not all jobs are available remotely, if that is your choice, there are a lot of web development jobs out there specially catering to remote workers.
What is the benefit of cyber security?
Cybersecurity is critical because it helps to protect organizations and individuals from cyber attacks. Cybersecurity can help to prevent data breaches, identity theft, and other types of cybercrime. Organizations must have strong cybersecurity measures to protect their data and customers.
Why learn C# in 2023?
Many developers prefer C# because it is also a cross-platform language. C# can be used effectively to build applications. One of them is Visual Studio, an integrated development environment (IDE) from Microsoft. It is used to develop computer programs, as well as websites, web apps, web services and mobile apps.
Why learn JavaScript?
The most obvious reason for learning JavaScript is if you have hopes of becoming a web developer. Even if you haven’t got your heart set on a tech career, being proficient in this language will enable you to build websites from scratch—a pretty useful skill to have in today’s job market!
Friday, January 20, 2023
#3 JavaScript Loading Strategies (async and defer) | JavaScript Full Tutorial
Posted in: Javascript Tutorial#2 Adding JavaScript to your Project | JavaScript Full Tutorial
JavaScript can be added either internally or externally, in this lesson, we look at how to add JavaScript to our project and how to avoid some common pitfalls along the way.
Posted in: Javascript Tutorial#1 What is JavaScript? | JavaScript Full Tutorial
In this first lesson we take a look at answering the question what is JavaScript? This is the first lesson in our full JavaScript Tutorial series.
Posted in: Javascript Tutorial#37 CSS Grid Tutorial [Complete Guide] - CSS Full Tutorial
In this Complete Guide to CSS Grid we go through the entire CSS Grid layout system step by step, first we’ll go through all the grid container properties and then all the grid item properties with examples throughout, and make sure to watch right to the end because we’ll be building a dashboard layout using CSS Grid. Remember to Comment, Like, Share and Subscribe! Here’s a video of the dashboard design from scratch - https://youtu.be/f7ECiT4aAFg 👍 Dribbble shot - https://dribbble.com/shots/12915127-W... Chapters: 0:00 - Intro 0:40 - What is CSS Grid? 1:00 - CSS Grid vs CSS Flexbox 1:30 - Grid main concepts 2:23 - All CSS Grid Properties 2:40 - Grid Container Properties 3:20 - grid-template-columns and grid-template-rows 11:48 - grid-auto-columns and grid-auto-rows 12:17 - grid-auto-flow 15:00 - grid-columns gap and grid-row-gap 15:16 - grid-gap 15:44 - align-items, justify-items and place-items 17:23 - align-content, justify-content and place-content 19:05 - grid-template-areas 22:20 - grid-template 23:27 - grid 26:00 - Grid Item Properties 26:20 - grid-column-start and grid-column-end 28:02 - grid-row-start and grid-row-end 28:40 - grid-column and grid-row 29:13 - align-self, justify-self and place-self 30:31 - grid-area 32:46 - Building a dashboard layout with CSS Grid 42:40 - Like and Subscribe
Posted in: CSS Tutorial#36 CSS Flexbox Tutorial for Beginners [Complete Guide] - CSS Full Tutorial
In this CSS Flexbox Tutorial - The Complete Guide, we'll go through the entire CSS Flexbox layout module step by step with examples throughout. First we'll take a look at what CSS Flexbox actually is, as well as some key components to flexbox such as understanding the main and cross axis. Next, we take a deep dive into every single CSS Flexbox property, starting with the container properties and then moving on to the item properties. Finally, we'll put what we've learnt into practice by building two small projects: (1) A game card and (2) A nav bar menu. Chapters: 0:00 - Intro 0:29 - What is CSS Flexbox? 1:20 - What can it do? 2:12 - All CSS Flexbox Properties 2:38 - The Main/Cross Axis 4:21 - Flexbox Container Properties 5:00 - flex-direction 5:42 - flex-wrap 6:50 - flex-flow 7:20 - justify-content 9:11 - align-items 10:55 - align-content 12:12 - Flexbox Item Properties 12:33 - order 14:03 - flex-grow 16:05 - flex-shrink 17:38 - flex-basis 20:00 - flex 20:50 - align-self 21:27 - Building a Game Card with Flexbox 23:57 - Building a Nav Menu with Flexbox 26:14 - Like and Subscribe
Posted in: CSS Tutorial#35 CSS Variables Tutorial [ CSS Var ] - CSS Full Tutorial
In this lesson we’re going to learn all about CSS Variables or CSS Var for short, CSS Variables are used to declare a style once and then re-use that style throughout our entire website. So, we'll look at how to write and declare CSS Variables, some cool things you can do with variables and of course we'll do all that using examples throughout. Timestamps: 0:00 - Introduction to CSS Variables 0:27 - A visual example 2:55 - How to declare CSS Variables 7:48 - Case sensitive variables 8:31 - Using CSS Variables within other variables 9:30 - How to write inline variables 10:10 - How to make quick changes with CSS Variables 10:30 - How to make our code more readable with CSS Variables 11:18 - Using CSS Variables with Fallback values 12:30 - How to use scoped CSS Variables 14:20 - Like and Subscribe
Posted in: CSS Tutorial
