Some simple dev setups on Mac developer machine

 Install HomeBrew on Mac:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

==> Next steps:

- Run these two commands in your terminal to add Homebrew to your PATH:

    (echo; echo 'eval "$(/opt/homebrew/bin/brew shellenv)"') >> /Users/mfaiz/.zprofile

    eval "$(/opt/homebrew/bin/brew shellenv)"

- Run brew help to get started

- Further documentation:

Install NodeJs:

brew install node@20

If you need to have node@20 first in your PATH, run:

  echo 'export PATH="/opt/homebrew/opt/node@20/bin:$PATH"' >> ~/.zshrc

For compilers to find node@20 you may need to set:

  export LDFLAGS="-L/opt/homebrew/opt/node@20/lib"

  export CPPFLAGS="-I/opt/homebrew/opt/node@20/include"

# verifies the right Node.js version is in the environment

node -v 

# verifies the right npm version is in the environment

npm -v 

In case node command etc not working then link it using following command:

% brew link node@20

Create React App:

npx create-react-app little-billi

cd my-app

npm start

If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app or yarn global remove create-react-app to ensure that npx always uses the latest version.

When npm starts the server, Then open http://localhost:3000/ to see your app.

When you’re ready to deploy to production, create a minified bundle with npm run build.

Meanwhile in browser you could see:

Creating new folders in GitHub repository via the browser

If you look into the Github repository online you will see that there is no direct method to create a folder. You can create a file or even upload it directly from the browser, but there seems to be no way to create a directory.

However, I have found that to make a new folder in the GitHub repository from the web browser interface, there exists a way Actually, it's just the same as creating a new file.

Steps:

1. Go to create a file

2. give the name of the folder that you want to create eg:

data/

It will create a folder named 'data'

3. If you want another nested folder then give another name eg.

airport-codes/

It will create another directory 'airport-codes' in 'data'

4. Next, create a file there. This can even be a temporary file that you can subsequently delete if you do not want it.

To see this in action refer:

https://github.com/Anwar-Faiz/Datasets/tree/master/data/airport-codes

Cheers :)

Where/How to create web.xml : Eclipse project - (Example using Jersey in Java)

Tip: Dynamic Web Project - - > RightClick - - > Java EE Tools - - > Generate Deployment Descriptor Stub. This would create Web.xml

Starting all over again from the question:

If you are doing Java programming to create some Service using Jersey or any other framework, you will many times land into situation where you need Web.xml to be created. I had once wondered where this file would be present. Or, better say, how should i create the Web.xml file.

Note that the web.xml file should be listed right below the last line in your screenshot and resides in WebContent/WEB-INF. 

If it is missing you might have missed to check the "Generate web.xml deployment descriptor" option on the third page of the Dynamic web project wizard.


Tip: Dynamic Web Project - - > RightClick - - > Java EE Tools - - > Generate Deployment Descriptor Stub. This would create Web.xml

A sample content of Web.xml can be as follows:

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xmlns="http://java.sun.com/xml/ns/javaee"
   xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
  http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
   id="WebApp_ID" version="3.0">
   <display-name>User Management</display-name>
   <servlet>
      <servlet-name>Jersey RESTful Application</servlet-name>
      <servlet-class>org.glassfish.jersey.servlet.ServletContainer</servlet-class>
         <init-param>
            <param-name>jersey.config.server.provider.packages</param-name>
            <param-value>com.tutorialspoint</param-value>
         </init-param>
      </servlet>
   <servlet-mapping>
   <servlet-name>Jersey RESTful Application</servlet-name>
      <url-pattern>/rest/*</url-pattern>
   </servlet-mapping>
</web-app>

Take Care.

- Mohd Anwar Jamal Faiz

FaceBook TimeLine : Make Attractive Cover Profile. - Tips to start/ activate your Timeline view, its advantages and how to make more attractive profile. *

“Facebook TimeLine. Tell your story with a new kind of profile” – as explained by Facebook itself, Timeline gives a great look to your Facebook profile page.

The Facebook timeline is a feature on the social media platform that displays a user's posts and activity in chronological order. It allows users to see a history of their activity on the site, including posts, photos, videos, and other content they have shared. Some people may feel the urge to change their Facebook timeline for a variety of reasons. Some may want to clean up their timeline by removing old posts or photos that are no longer relevant, while others may want to update their timeline to reflect a change in their life, such as a new job or relationship. Additionally, some users may want to update their timeline to make it more visually appealing or to match their current interests and hobbies. It is important to note that users can edit or delete their post or photos at any time, they can also choose the level of privacy they want to set on each post. Overall, the Facebook timeline is a personal space that users can customize to their liking and preferences. 

You can manifest a lot more, share easily, and control the layout more coolly, in the new facebook profile avatar. For better explaination you can visit
Facebook Timeline Details and Description (FAQ)

This new profile design that has rolled out this month is different from previous Facebook design updates. Tis time users will just love it: Timeline lets them be a designer.

The Timeline view of your profile basically divides your profile into three categories
1. Your Cover
2. Your Stories
3. Your Apps

For example you can see the following Pic of a Profile page in Timeline view: (click to enlarge the picture)

You can use an stunning pic, (or any interesting one for that matter), as the cover of your profile. This will be shown in wide view. And the profile pic that was initially used will also be visible in left corner.

Your stories are your day to day happening in a time line format.
And your Apps, are the collection of your Apps that you use and its activities.

Cover Photo must tell something. Your cover is the first impression of you a user will get when he or she goes to your page. But remember, Your profile photo should be of you; your cover photo can be anything.
Edit your photos Please!. The cover is a huge space, so a high-res photo will look best. You must crop to make it better.
Click and drag on the picture so that it looks good. Tis will automatically happen when you hover your mouse over the cover picture. You will be prompted to drag and drop your picture so that u can let best portion of the Photograph to be viewed.
Be creative in choosing Cover photo.Use Web sites that help you design your own cover and share it. Sites such as MyFBCovers and SiteCanvas


It is important to note that Facebook said it will automatically push the timeline live seven days after someone signs up for the new feature. However, if folks are content with what's shared after reviewing it, they can push it live themselves at any point within that period. This was already accessible to Facebook App developers via OpenGraph API, but now Facebook itself has launched timeline feature in Full Public Release making it available to million of users together.

I am attaching a snapshot of my own profile in timeline view: (click to enlarge the image)

Activating Timeline View

How to switch / convert to Cover page View / time line view in Facebook

You can activate this type of profile by visiting the page described above.
Or simply click here...
Get Facebook Timeline View Easily in a Click
And click on "Get It Now"

Now first of all, lets see what is Facebook TimeLine. Facebook describes it as following:

What is a new Timeline view in facebook?

Your timeline is your collection of the photos, stories, and experiences that tell your story. Here are some of the things you can do on your timeline:
Add a cover
Edit your basic info
Jump to the past
View your activity log
See highlights from each month
Star stories you want to highlight
Add life events
Update your status
View and add photos
Share your app activity
This can be seen from the following page Help From Facebook Website Timeline


For example I have attached my Facebook Profile page. See the time line view in red circle.
Users can click on those places to go directly to specified time in your story. The new timeline feature will aggregate all your old Facebook stuff at one window and you/viewers will be able to switch between times (ie. month and year easily).

This new feature from Facebook, the largest Social Networking Website, is just awesome. And the entire outlook is just fabulous.

And just keep in mind, since this is new design, u will need time to get used to it. But during this time do not be forced to post something that u do not want everyone to see. For that purpose one simple question will pop up in ur brains that "How do I hide a story on my timeline?"
The answer is straighforward, To hide a story so that it no longer appears on your timeline:
Hover over the story and click button that appears on right of your post. (this is similar as before. only nomenclature has changed. !). Then Click Hide from Timeline.

Cheers to Facebook!
Cheers to the world!!
Please click on Advertisements because that fetches me liquid tonic used at real midnight cheers!! lol ;)