The Journey of #100DaysOfCode ( @Raghad_Rashed)

Raghad_Rashed · 2024-07-16T17:22:50.970Z

Hello Everyone!

I’ve been challenged to start the #100DayCodeChallenge.

Challenge Accepted!!

For the next 100 days, I’ll be embarking on an exciting journey of sharing my knowledge, learning, and experiences.

I’m thrilled to update you regularly on my progress, starting today! If you’re ready to join me on this adventure, let’s make these 100 days truly remarkable together!

accept1035×582 61 KB

Raghad_Rashed · 2024-07-16T20:37:18.811Z

Day1:CSS Transitions and Animations

CSS Transitions allow you to change property values smoothly (over a given duration) from one state to another. For instance, you can create a button that changes color gradually when hovered over, providing visual feedback to the user.

CSS Animations may give you more control over the timing and execution of keyframes, allowing complex animations .

These can improve the overall user experience by making interactions more intuitive and enjoyable. Implementing transitions and animations effectively requires understanding CSS properties like transition, animation, and keyframes, and considering performance implications to ensure smooth rendering across different devices and browsers.

image1000×420 59.8 KB

Raghad_Rashed · 2024-07-17T20:38:06.714Z

Day 2:

Screenshot_20240717-225950_Instagram1080×1056 368 KB

The Importance of Coding Literacy in Today’s Job Market

In our digital era, coding is not limited to software developers; it has become a crucial skill across industries. Here’s why coding literacy matters:

Enhanced Problem-Solving Skills: Coding teaches breaking down complex issues into manageable parts, fostering analytical thinking crucial in any job.

Career Flexibility: Coding knowledge opens doors to diverse roles beyond traditional tech jobs. Fields like marketing, finance, and healthcare increasingly value employees who can effectively use technology.

Collaboration with Tech Teams: Many organizations require non-technical professionals to engage with developers. Coding familiarity helps bridge the gap, ensuring smoother collaboration.

#Coding #TechSkills #CareerDevelopment #ProblemSolving #Collaboration

Raghad_Rashed · 2024-07-18T20:52:01.509Z

Screenshot 2024-07-18 234435713×741 27 KB

Day 3: Writing CSS in three ways
Inline CSS: It involves writing CSS directly within the HTML tags using the style attribute.
Internal CSS: It includes placing CSS rules within a <style> element, which is placed within the <head> section of an HTML document.
External CSS: It includes placing CSS rules in a separate .css file and then linked an HTML document using the <link> element within the <head> section.
#100daysofcode
lebanon-mug

Raghad_Rashed · 2024-07-19T20:21:04.068Z

Day 4:Java Script
A lot of websites employ JavaScript to improve their user interfaces and user experiences. It enables developers to work with databases and servers, handle events, modify the Document Object Model (DOM), and produce dynamic content.

Since the syntax of JavaScript and C are similar, developers who are familiar with C, C++, or Java should find it quite straightforward to pick up. 100daysofcode
lebanon-mug

Raghad_Rashed · 2024-07-20T20:57:56.518Z

Day 5:JavaScript functions are reusable code segments that carry out particular tasks. They let you execute a collection of statements at any time by grouping them together to carry out a certain task. Functions are able to accept parameters, or inputs, carry out operations, and provide outputs.
100daysofcode
lebanon-mug

Screenshot 2024-07-20 2350291017×334 14.5 KB

function: A function is declared using a keyword.
functionName: The function’s name, which is used when calling it afterwards.
parameters: Not required. values supplied to the function as input.
body function: includes commands that, when the function is invoked, will be carried out.
return: Not required. a declaration outlining the value the function will return.
As an illustration

a

Raghad_Rashed · 2024-07-21T20:40:00.413Z

Day 6: The fundamental components of web sites that are used to gather user input are HTML forms. They let users to input data, which can then be sent to a server for handling. The element in HTML is used to create forms, which can have different kinds of input fields, buttons, checkboxes, radio buttons, and other elements. Screenshot 2024-07-21 233522
100daysofcode
lebanon-mug

Raghad_Rashed · 2024-07-22T20:57:18.467Z

mongodb
Day 7:MongoDB

NoSQL (Not Only SQL) database management system MongoDB is widely used and well-known for its flexibility, scalability, and performance.
Document-Oriented: MongoDB stores data in documents that resemble JSON; these documents are self-describing and hierarchical, allowing for nested data structures and flexible schemas. This makes MongoDB ideal for storing and managing complex, unstructured, or semi-structured data.
Schemaless: MongoDB is schemaless, as opposed to traditional relational databases, which demand a predefined schema with tables and columns. This flexibility simplifies development and allows for agile information management.
100daysofcode
lebanon-mug

Raghad_Rashed · 2024-07-23T20:56:59.323Z

Day 8: Scope in Javascript
In JavaScript, “scope” refers to the visibility and accessibility of variables and functions within different parts of your code during runtime. Understanding scope is crucial for writing clear, maintainable, and bug-free JavaScript code.
Global Scope: Variables declared outside of any function or block have global scope. They can be accessed from anywhere in your JavaScript code, including inside functions.
Function Scope: Variables declared inside a function have function scope. They are accessible only within that function and any nested functions.
100daysofcode
lebanon-mug
download (1)

Raghad_Rashed · 2024-07-24T20:41:44.054Z

Day9: window.prompt in JavaScript
we can gather information from users using window.prompt for simple text input in JavaScript

window.prompt displays a dialog with a message to the one who use the website, an optional input field, and buttons for OK and Cancel. Also, it returns the text entered by the user or null if they cancel the dialog.
100daysofcode
lebanon-mug

download (1)

Raghad_Rashed · 2024-07-25T20:42:36.794Z

Day 10 of 100 days of coding: For loop
In JavaScript, the for loop is used when you know in advance how many times you want to execute a statement or block of code.
Initialization is very important: Sets up a counter variable.
Condition: The loop continues as long as this condition is true.
Update: Updates the counter variable after each iteration.
download (1)
100daysofcode
lebanon-mug

Raghad_Rashed · 2024-07-26T21:04:49.638Z

Day 11: Media in CSS
Media queries in CSS allow US to apply styles based on the characteristics of the user’s device or viewport, such as its width, height, orientation, or resolution.
They are an IMPORTANT part of responsive web design, enabling your website to adapt to different devices and screen sizes.
Media queries are a crucial part of responsive web design, enabling websites to adapt and provide an optimal user experience across various devices.
100daysofcode
lebanon-mug

Raghad_Rashed · 2024-07-27T20:46:51.652Z

Day 12 : Coding
As one said “If you aim .aim at the stars so if you miss you land on the moon”.
This quote is very close to my heart and I love to mention it .
I see that coding is your way to your dream !
100daysofcode
lebanon-mug

Raghad_Rashed · 2024-07-28T20:53:39.959Z

Day 13:Variables in JS
Var ,let, and const:

Var: It is Function-scoped, It can be re-declared and updated.
Let: It is Block-scoped, It can be updated but not re-declared in the same scope.
Const: It is Block-scoped, It cannot be updated or re-declared; used for constants.
100daysofcode
lebanon-mug

Raghad_Rashed · 2024-07-29T20:54:00.514Z

Day14:Coding Quote
I heard someone who said very amazing quote which is “If you know for loop u are already a programmer , u do not need to watch the whole tutorials to be a programmer”.
100daysofcode
lebanon-mug

Raghad_Rashed · 2024-07-30T20:49:33.800Z

Day 15: Promises
JavaScript Promises are a powerful and amazing tool for handling asynchronous operations, allowing you to write cleaner and more manageable code when dealing with tasks that take time to complete, such as fetching data from an API.
100daysofcode
lebanon-mug

system · 2025-01-12T17:22:53.048Z

This topic was automatically closed after 180 days. New replies are no longer allowed.