The Round 3 log of my #100DaysOfCode challenge. Started on [January 20, Monday, 2020].
Today's Progress: Diving into more advanced concepts of Ruby which includes symbols, default arguments, option hashes & splat operator.
Today's Progress: Learning more about the uniquely readable and expressive programming language side of Ruby, like classic and other enumerables, and best practices.
Today's Progress: Started software engineering's curriculum after getting the Ruby's fundamental concepts.
Today's Progress: Getting my hands dirty with the react project based article guide after reading the react-ready javaScript and the article.
Today's Progress: After reading Chris Blakely's react-ready javaScript book, I continued by reading his React project based guide in freeCodeCamp.
Today's Progress: Read Chris Blakely's react-ready javaScript book, a very concise, straightforward and easy to understand guide which I recommend to anyone who wants to start learning React library.
Today's Progress: Learning more about the foundational principles of computational thinking and stages of communicating with computers.
Today's Progress: Learning more about advanced Ruby methods like map and select, and solved advanced problems.
Today's Progress: Completed all the Ruby's hashes problems and exercises that includes combination of arrays data structure.
Today's Progress: Solving more problems with data structure hash and arrays, combined with different data types and other fundamental concepts.
Today's Progress: Learning more about hash, how it differs from array, and why use it for collection of properties of one thing.
Today's Progress: Learned the Ruby's hash which is like objects in different Programming languages, it uses the concepts of key value pairs.
Today's Progress: Playing around with nesting loops, 2D arrays, and learned more about the logic behind of some problems.
Today's Progress: Solving more problems using the fundamental concepts, and applying the newly learned built-in methods and creating a custom methods.
Today's Progress: Learned more about the different methods that can be used to manipulate data structures, lots of them are very useful and some are just good to know.
Today's Progress: Working on array data structure that can store multiple other data types, and solved problems combined with loops and conditional statements.
Today's Progress: Solving more problems with while loops in Ruby, leveraging the conditional statements inside it that evaluates to a Boolean value.
Today's Progress: Diving more about conditional statements, using Boolean expressions, breaking problems into smaller chunks and solving it in a readable code.
Today's Progress: Learning more about methods in Ruby, defining and calling it w/ or w/o parameters/arguments, then returning the data that can be used by users.
Today's Progress: Went through the fundamental concepts of the curriculum's introduction in Ruby, tackled data types, variables, and etc.
Today's Progress: I came back and continued the curriculum in "App Academy Open", starting from the beginning of the lessons and exercises.
Thoughts: Switch from "The Odin Project" to "App Academy Open" since both of them focused on Ruby and I already have some progress in the curriculum before.
Today's Progress: Going through the webdev 101 section of "The Odin Project" because of their Full Stack Ruby on Rails track.
Thoughts: I'm switching to "The Odin Project" for the mean time because Ruby on Rails curriculum is their default focus track, which is required for my project.
Today's Progress: Not very productive today because I'm not that feeling well, however I still code a little and more on reading documentations and some related articles.
Today's Progress: Delve into events and event listener, adding and removing them including topics of targets, bubbling, propagation and capture.
Today's Progress: More practice for traversing and removing nodes in the DOM, and a little cardio coding in the DOM.
Today's Progress: Tackled element properties, methods, classes, built in and custom data attributes, creating HTML and HTML from Strings.
Today's Progress: Reviewing and working on the DOM concepts to manipulate and interact with the elements because its one of the important aspects of React ecosystem.
Today's Progress: Doing a little algorithms in FCC to improve my problem solving skills and thinking with javaScript and react codes.
Today's Progress: Learned more about creating elements in react, used jsx syntax and some of its tricks.
Today's Progress: Learning React itself without complex tools with @kentcdodds React Course.
Thoughts: They informed me stop working already on carousel slides. So I continued learning more about JavaScript and React.
Today's Progress: I got really stuck on the same problem I'm working on which I can't solve for several days now, I will keep working on it until I solve it.
Today's Progress: Continued working on carousel slides infinite loop but prev, current and next slides are still buggy.
Today's Progress: Worked on fixing the carousel infinite loop, but I can't make it work right now, also worked on text auto-resizer, will be back to it later.
Today's Progress: Hide arrow navs when there's only one product and added functionality on the carousel to stop on the first product when no interaction from the user.
Today's Progress: frame1 toggle and autoplay functionality for the carousel finally working. Currently working to stop the the carousel to the first product.
Today's Progress: Worked on autoplay and infinite loop functionality for the carousel, but it's still not working though, worked on toggle also for the frame1.
Today's Progress: Worked on a carousel feature with feedload items, made the arrow navs functional with transition effect.
Today's Progress: Rearranged elements, loaded and positioned all required feeds, add carousel and slide container, then made the clickTag dynamic.
Today's Progress: Re-extracted and re-exported img from psd and updated the manifest elements. Completed the frame1 including its animation and currrently working on frame2.
Today's Progress: Worked on another project, reviewed the rules and added the elements to manifest file and extracted and imported some images from psd.
Today's Progress: Delved into the latest photoshop version and properly exported psd, fixed the manifest elements so it's dynamic, then debug codes to work different browsers.
Today's Progress: Fixed the given feedback, re-extracted img, adjusted animation transitions, fixed overlapping text and tested on firefox and IE11
Today's Progress: Fixed the translate to hide the element then display at certain time, I also implemented a rotateY to make a flipping animation
Today's Progress: Completed animation frame 1 and 3, added different functions for each animation frame with setTimeout.
Today's Progress: Worked with animation ads using vanilla html/css/js, extracted images from PSDs.
Today's Progress: Started with the first challenge of @frontendmentor, structure is done, added variables, base styles and utility classes
Link to work:
Today's Progress: Continue w/ functional programming section in FCC, then completed the lessons and exercise in Colt's Code Camp day 4.
Link to work:
Today's Progress: Finally got my RWD Certificate from @freeCodeCamp curriculum. 1 Down, 5 more to go! Thanks @ossia and @florinpop1705
Link to work:
Today's Progress: Completed the FCC portfolio challenge to house all the completed FCC projects.
Link to work:
Today's Progress: Learned more about styling responsive navigation with dropdown while doing FCC portfolio.
Link to work:
Today's Progress: Completed a technical documentation page challenge with a material UI dark mode design.
Link to work:
Today's Progress: Started and completed the custom progress bar challenge of @florinpop1705, then add a start and reset button.
Link to work:
Today's Progress: Learned more about JS OOP concepts in FCC curriculum, supplemented it with MDN & w3school.
Link to work:
Today's Progress: Completed an skills assessment by building an animation banner using the previous vanilla CSS and JS
Today's Progress: Reviewed CSS transform and transitions, JS addEventListener, addClass, and setTimeout for animation without using keyframes
Today's Progress: Completed UPlayer a product landing page for FCC that uses a little bit of jQuery for Responsive Nav and smooth scrolling
Link to work:
Today's Progress: Planned and looked for design inspiration then worked on a product landing page for 3rd FCC RWD projects.
Link to work:
Today's Progress: Completed survey form, 2 down for FCC project. Reviewed different elements to complete the form.
Link to work:
Today's Progress: Working on a survey form, some algorithms in FCC and practicing Ruby on Rails with React.js.
Today's Progress: Completed a tribute page for Brad Traversy, thanks to florin-pop's guide.
Link to work:
Today's Progress: Solved more algorithms in FCC, and learned how other programmers solve the same problem.
Link to work:
Today's Progress: I got stuck upgrading my host with insiders build & development environment using WSL 2, then organizing my dotfiles
Thoughts: I've learned a lot about the setup of my current environment, learning new stuff and modern technologies. I'll be organizing my dotfiles
Link to work:
Today's Progress: Focused on the tricky concepts of different types of scoping, function/variable hoisting and closures
Today's Progress: Started learning React and implement it into an inventory project using jsx syntax with Ruby on Rails
Thoughts: During the weeks of learning Ruby and Ruby on Rails in fullstack bootcamp we learned the basics of React while using Ruby on Rails. And now, I'm rying to grasp the concept of Ajax with axios.
Link to work:
Today's Progress: Delve into debugging methods and mindset on tackling errors/bugs using browser devTools
Today's Progress: Focused more on different ways to make a function like anonymous, expression, arrow, IIFE, methods, and callback function
Today's Progress: Explored built-in functions, practiced custom function and capturing returned value then assigned to a variable
Today's Progress: Completed the basics section that includes the fundamentals, then reviewed some debugging concepts in FCC
Today's Progress: Started a wesbos JS course and update quality code tooling w/ ESLint and Prettier formatter
Today's Progress: Completed the JS full stack course lessons and the social application project, then reviewd some JS Regex
Thoughts: I learned a lot from Learn JavaScript Full-Stack from Scratch course, from front-end to backend
Link to work:
Today's Progress: Learned more & created API for the socialApp & integrated JWT which is popular because it allows stateless authentication
Link to work:
Today's Progress: Reviewed the FCC's es6 syntax challenge, more on destructuring and rest parameter/operator
Link to work:
Today's Progress: Add client-side live validation primarily to enhance UX, fix the app by adding a csrf security feature
Thoughts: Enhance the User Experience (UX) by adding a live validation on the registration form of the front-end side, used Regular Expression instead of validator module for checking characters then prevent default behavior of the browser to satisfy the validation first.
Link to work:
Today's Progress: Completed the chat feature by sanitizing messages using dompurify and made the title tag of the page dynamic
Link to work:
Today's Progress: Add action, method routes & spec for products, webpack dependencies, capybara config, shared flash, and refactor form to partial
Link to work:
Today's Progress: Completed the chat feature by sanitizing messages using dompurify and made the title tag of the page dynamic
Link to work:
Today's Progress: Finishing the chat feature with UI/UX & spent a lot using socket. Polished my js conditional/logic skills using js in FCC.
Link to work:
Today's Progress: Started working on a real-time/live chat feature for my socialApp using socket.io package.
Link to work:
Today's Progress: Refreshed the fundamental concepts of js in FCC. Planned the upcoming project in FCC starting from RWD.
Link to work:
Today's Progress: Worked on a inventory project and focus on a making a model setting gems and their configs then making test cases using Rails.
Thoughts: During the fullstack bootcamp we focused on making models in MVC architecture, add rubocop and rspec then setup their configs. Created product, warehouse, stocks then add associations with them. Added an order and order-item model then generate the uuid.
Link to work:
Today's Progress: Respond to a keypress event, searching database, generate HTML for results, and sanitize user generated HTML on the frontend to avoid cross site scripting attack
Link to work:
Today's Progress: Started working on a live search feature, setup webpack & babel for the frontend part, show and hide search overlay.
Link to work:
Today's Progress: Performs complete CRUD, set a flash for failed/success and make it available for all templates. Add markdown feature then sanitize inputs
Link to work:
Today's Progress: Add a static template for post and profile, performs a lookup in the MongoDB, then change the content dynamically by pulling the real data from db to display it to the user
Link to work:
Today's Progress: Update the app to let the users create posts, refactor by removing duplicate codes, then created some partials.
Link to work:
Today's Progress: Started learning the basic fundamentals of Ruby and a little bit of its framework Rails.
Link to work:
Today's Progress: Learned doing some flash messages using connect-flash package, and applied it in my current app.
Link to work:
Today's Progress: Setup my development environment w/ NVM Yarn, Git, Docker, RVM and Rails w/ React on my WSL for my incoming fullstack bootcamp.
Link to work:
Today's Progress: Cleaning and merging some of my repos, then deleted some which are usually just notes.
Link to work:
Today's Progress: Focus on the sessions technology to be able to trust and identify requests, then enable it into the app.
Link to work:
Today's Progress: Restarted my FCC progress, commiting to finish the frontend sections and possibly inluding backend section.
Link to work:
Today's Progress: Focus on the concepts of callback, promises and async/await, then hash user password using bcrpytjs.
Link to work:
Today's Progress: Adding validation and cleaning up inputs, then connect the app to the mongodb database and configure its settings.
Link to work:
Today's Progress: Started working on a socialApp, following a MVC architecture for an app.
Link to work:
Today's Progress: Completed a todoApp w/ client/server and mongodDB atlas database.
Link to work:
Today's Progress: Started working w/ a todoApp with its client/browser connecting to a server.
Link to work: