DEV Community: Mukarram

Coding Bootcamp Chronicles: Week 5 && 6 Creating DOM apps

Mukarram — Fri, 06 Sep 2024 09:21:25 +0000

Hi there,
I am Mukarram.
These 2 weeks were fully dedicated to our DOM Apps and launching our website. Honestly, it was the most frustrating week so far. I made a spreadsheet app, a timer, an Alarm clock, a stopwatch and a TODO app.

All the apps were made dynamic using JavaScript for an interactive user interface. I was also taught about synchronous and Asynchronous programming. This was a bit of a shift from what I use to do. In the past, most of my code was executed synchronously, one line after another, just like reading a book. But with asynchronous programming, things can happen out of order, and that’s where things get interesting.

I learned about promises, Async/await, and how to handle operations that take time, like fetching data from an API. For example, if you’re waiting for data from a server, instead of freezing your whole app, you can let other parts of your code run in the background.

Launching My Website :

To top it all off, I launched my website: www.mukarram.xyz. This was a special milestone in my journey, as it’s a place where I can showcase my projects, share my learning experiences, and continue building my online presence. Each week, I’m approaching my goal of becoming a full-stack developer. I am very excited!

~Ba-byee

Coding Bootcamp Chronicles: Week 4 Highlights and Learnings

Mukarram — Sat, 17 Aug 2024 19:18:03 +0000

Hi there,
I am Mukarram.
As I entered Week 4, I went more deep into HTML, CSS, and JavaScript.

One of the highlights of this week was creating a memory game. It was my first real project where I got to combine HTML, CSS, and JavaScript practically. This game was to match the same colour cards and if the cards don't match colour it goes back into its original state. I learned how to manipulate the DOM and add event listeners in HTML. It was rewarding to see everything come together and work fine.

This week we also had Independence Day. To celebrate, our instructors gave us a unique assignment: to create the Indian national flag using only HTML and CSS. At first, I wasn’t sure how to approach it, but later I manipulated the assignment, the criteria of the assignment was to create our national flag using HTML and CSS only, so I imported an Indian flag image using HTML and centred it and did some extra touches using CSS which was eventually accepted by my instructor.
LOL!!!

This week was good. From building a memory game to hacking into the Indian flag assignment. I’m excited to see what comes next week
~Ba-byee

Coding Bootcamp Chronicles: Week 3 The PHASE 1 TEST

Mukarram — Fri, 09 Aug 2024 16:17:34 +0000

This week was a big one! It was time for my Phase One test in JavaScript, and I felt nervous. This was my first real challenge, and it was to see how much I had learned in these past weeks.
I started this week with a quick review session. I went over everything I had learned so far, from the basics of variables and functions to more complex topics like loops and arrays. I spent some decent time practising, making sure I understood how to write code and guessing the output without a compiler
The test was kind off easy to moderate. The questions did not have any logic in them, it was about the understanding of syntax and guessing the output. There were moments when I felt stuck, but I remembered what my instructor said: "Always use First principle thinking" which is to break the complex problem down into smaller pieces and solve it in its simplest. That advice helped me push through and solve the questions step by step.
After the test, I felt a sense of accomplishment. It was a great reminder of how much I've already learned in this whole time. This test wasn't just about grades, it was about proving to myself that I can do this. Now, I’m ready to tackle the next phase of the boot camp with even more confidence!

Coding Bootcamp Chronicles: Week 2 Highlights and Learnings

Mukarram — Fri, 02 Aug 2024 19:26:56 +0000

Hi there,
I am Mukarram.
I've learned many new things in these 3 weeks.
Last week we started JavaScript and dived into FUNCTIONS, IF-ELSE statements, SWITCH, LOOPS and all.
Today I was introduced to the Swapping concept.
Which looked quite easy to hear, but the logic we needed to code the swapping program made me remember my 5th grade.
We used simple mathematics logic to code the program.
When I first tried writing a swap program in JavaScript, it was challenging.
The basic idea was to exchange the values of two variables, but the real thrill came from exploring various methods to achieve this.
Initially, I started with the classic OG method using a temporary(Temp) variable.
For example, if I had variables a and b, I had to introduce a third variable temp to hold the value of a while I assigned the value of b to a, and finally, the value of temp to b.
I know that sounds very weird and confusing but that's how the basic logic of swapping is executed.
Anyway, This logic worked perfectly and helped me understand the fundamentals.
However, my curiosity pushed me to explore more techniques, starting with the arithmetic operators.
I learned that I could swap values without a temporary variable by using addition and subtraction.
For instance, by setting a = a + b, then b = a - b, and finally a = a - b, the values of a and b would be swapped.
When one of my Cohort mates said this logic, I was like "What is he saying?"
it took me some time to process the logic but yeah finally I understood.
Next, I learned about using multiplication and division for swapping.
Although these methods were not recommended, for knowledge I had to know all this.
As I went deeper, I discovered the power of the bitwise XOR operator.
Even this method had the same syntax but with a slight operator difference.
Each method taught me more about JavaScript's operators and how to manipulate values differently.
Finally, I came across the use of negation represented by ~. This method is a bit more complex and less common, but it involves using the properties of negation and bitwise XOR to achieve the swap.
Exploring these different techniques was a new experience.
It not only broadened my understanding of JavaScript but also improved my problem-solving skills,
Each method had unique characteristics, and I enjoyed experimenting with them to see how they worked.
Through this process, I gained a deeper understanding of the logic behind every function and how things work behind the scenes on our web.
~Ba-byee

Coding Bootcamp Chronicles: Week 1 Highlights and Learnings

Mukarram — Sun, 28 Jul 2024 15:41:41 +0000

Hi there,
I am Mukarram.
I'm currently in my week 1.Learning Linux and command-line programming, and I'm finding it surprisingly easy.
I had some prior experience with a basic ethical hacking course, which helped me understand Linux commands better.
This familiarity has made navigating the command line, creating and managing files and directories, and performing system tasks feel quite enjoyable. Linux offers a powerful environment for development and I'm eager to explore its extent.
My instructor's approach of teaching Linux has been helpful, providing practical and clear explanations that build my existing knowledge.
I appreciate how Linux commands can be used to automate tasks and manage computer systems efficiently.
Understanding commands like ls (list files), cd (change directory), mkdir (make directory), and others has been straightforward due to my prior exposure.
I'm particularly interested in learning more about shell and bash scripting which allows me to automate tasks.
It's fascinating to see how commands can be combined to create powerful scripts that enhance productivity and streamline operations.
I've also learn how to join multiple commands, it's called piping
I find this concept awesome as every previous command acts as input to the next upcoming commands
Basically pipe is denoted by (|)
Looking ahead in the curriculum, I'm excited to go deeper into Linux networking, security, and server management.
I find this really cool because These skills will be valuable as I progress in my studies and pursue a career in Information Technology (I.T) or Artificial Intelligence and Data Science (AIDS).
Mastering Linux and command-line programming opens up many opportunities in the tech industry, and it also pays up a decent amount of money which every GEN-Z dream's of when we enter the corporate world.
Overall, while there's still much to learn, I'm enjoying the journey of discovering Linux's capabilities and gaining proficiency in command-line programming. I look forward to applying what I've learned to real-world projects and expanding my knowledge further in the coming weeks.

~Ba-byee

Coding Bootcamp Chronicles: Week 0 Highlights and Learnings

Mukarram — Mon, 22 Jul 2024 17:13:12 +0000

Hi there,
I am Mukarram.
I recently started my journey into full stack development at CFI (Code For India), and I'm currently diving into HTML and CSS in my first week. Learning these languages has been a mix of enjoyment and challenge.
HTML, which helps structure web pages and create different elements like headings and paragraphs, has been straightforward to understand.
On the other hand, CSS has presented some difficulties, especially when it comes to colours and styling.
CSS is all about making websites look attractive and organized, but figuring out which colours to use and how to apply styles can be tricky.
I'm learning to use CSS rules to change the appearance of elements like fonts, colours, margins, and more. It's a creative process that requires attention to detail and experimentation, and I also find it a bit tricky when it comes to some specific commands in CSS which makes me realise that am definitely not a creative guy when it comes to colours and styling part.
Despite the challenges, I'm enjoying the hands-on experience and the support provided by my instructor.
The practical exercises and guidance from instructor is helping me grasp these concepts better.
Looking ahead, I'm excited about learning JavaScript and other backend technologies in the full stack development curriculum.
I believe these skills will encourage me to create interactive websites and applications in the future.
Overall, while there are challenges in learning, I'm motivated by the opportunity to acquire valuable skills that will help me in the way for a rewarding career in web development.

~Ba-byee